父組件內的 React useEffect 不會通過子組件內的更改重新呈現

Question

我有 App 組件，它只返回一個名為 Home 的反應組件。 在 App 組件內部，我有一個沒有依賴關系的useEffect ，以觸發任何更改。 我希望 App useEffect 在主組件發生更改時重新呈現，但這不會發生。 反應不支持這樣的事情嗎？

Answer 1

開箱即用不支持此功能。 當父級重新渲染時，子級將重新渲染，但反之則不然。

如果每個父級都在子級重新渲染時重新渲染，那么即使是一個很小的按鈕 state 更改也會導致整個樹重新渲染。

您有可以幫助您解決此問題的回調。 孩子應該通過一個回調 function 作為道具。 在此回調 function 主體內，父 state 將被更新。 所以現在當這個 function 運行時（從孩子內部）。 父級也重新渲染。