reactjs - 防止在 onChange Input 时从子组件渲染
问题描述
我一直在尝试通过防止以下示例中的容器组件在每次子组件更新时重新渲染来优化应用程序。输入EditableRow组件onchange时如何预渲染UsersList组件?谢谢。链接代码: https ://stackblitz.com/edit/react-ts-llwq51?file=EditableRow.tsx
解决方案
在您提到的示例中,组件正在重新渲染,因为状态保持在父组件中。因此,当状态发生变化时,父组件会重新渲染,并且所有依赖于状态的组件都会重新渲染。如果您在 EditableRow 组件内移动“handleEditFormChange”并在单击保存按钮时触发状态更改(setEditFormData)将防止表单数据更改时重新呈现。
推荐阅读
- android - 错误:“类型不匹配:推断类型为单位,但预期为布尔值”请帮我解决下面的这个错误,我也给出了代码
- sql - 检查数组字段是空还是空?
- api - 假人的 API 请求:对 Spotify API 的 POST 请求收到错误
- python - Flask Chrome SameSite=无混淆
- python - 为什么 kivy 会忽略我的 config.set 并以默认分辨率打开?
- react-native-render-html - Balise的显示就像在 react-native-render-html 自定义渲染器中一样
- r - 使用 ifelse() 语句获取 R 中不同类的对象
- python - Django查看聚合不做计算
- eclipse - 在 Eclipse 中组织 Kotlin 的导入和自动完成?
- google-bigquery - 如何操作 BigQuery 的结果