如何重新渲染 React 組件？

Question

我有一個反應組件“A”，它取決於存儲在提供程序組件“B”的 state 中的值“x”。 當“x”更新時，我需要重新渲染組件“A”。 我如何實現這一目標？ 'A' 和 'x' 將如何更新？ “B”可以非常間接地訪問“A”。

我使用的是舊版本的 React，所以我不能使用鈎子。

Answer 1

通過更新組件“B”的 state，這將觸發組件的重新渲染，該組件將傳播到其子節點，包括節點 A。React 遵循下拉架構，這意味着更新父節點，這將傳播它給它的孩子。

這是一個非常通用的答案，但這是 React 渲染背后的主要思想。 如果您想更具體，您可以編輯您的答案以提供更多信息。

Answer 2

我假設值“x”作為組件“A”的道具傳遞。 在這種情況下，您可以在檢查道具狀態的地方進行 ComponentDidUpdate 檢查。 像這樣：

    ComponentDidUpdate(prevProps) {
    //Code here 
    }

Answer 3

我發現最簡潔的方法是將值“x”作為道具傳遞給組件“A”，以便它可以自動重新渲染。