reactjs - 具有任意多个子级的 React 父组件如何在不使用 useRef 的情况下通过其字符串 id 更新选定的子级？

Question

我有一个名为 List 的 React Hook 组件，例如具有任意数量的子项，称为 Entry（可以添加或删除）。如果条目的数据发生更改，我如何在不重新渲染父级的情况下更新它，这将重新渲染其所有可能很大的兄弟姐妹。我想避免 useRef 和 useImperativeHandle，首先因为我的代码变得更加复杂，并且使用 react-sortable-hoc 使得无法使用它们。

Answer 1

如果其父组件不能重新渲染，则任何子组件都不能重新渲染。Entry相反，您应该使用React.memoor来防止重新渲染您的组件shouldComponentUpdate，以便不会重新渲染未更改的子组件。