如何解决在文本字段元素上使用onChange事件和useState的最有效方法是什么
代码示例;
<TextField id="name" onChange={(e: any) => setName(e.target.value)} value={name}> </TextField>
在这种情况下;当我按下任何字符时,TextField是否重新呈现?还是价值正在改变?
如果Element本身将被重新渲染,这是最好的方法吗?
注意:我将名称设置为value,因为我有一个表单,如果返回到屏幕,我想将状态值设置为TextField值。
解决方法
您可能需要将有状态的组件拆分为较小的组件,以免在该组件的属性未更改的情况下重新渲染。
如果所有单独的<TextField>
元素都在一个大型父组件中,那么React每次都需要比较整个表单所请求的UI结构。
此外,使用React DevTools -> Profiler查看哪些部分运行缓慢。
然后,React DevTools -> Components -> Settings -> Highlight updates when components render。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。