父组件内的 React useEffect 不会通过子组件内的更改重新呈现

Question

我有 App 组件，它只返回一个名为 Home 的反应组件。 在 App 组件内部，我有一个没有依赖关系的useEffect ，以触发任何更改。 我希望 App useEffect 在主组件发生更改时重新呈现，但这不会发生。 反应不支持这样的事情吗？

Answer 1

开箱即用不支持此功能。 当父级重新渲染时，子级将重新渲染，但反之则不然。

如果每个父级都在子级重新渲染时重新渲染，那么即使是一个很小的按钮 state 更改也会导致整个树重新渲染。

您有可以帮助您解决此问题的回调。 孩子应该通过一个回调 function 作为道具。 在此回调 function 主体内，父 state 将被更新。 所以现在当这个 function 运行时（从孩子内部）。 父级也重新渲染。