如何重新渲染React组件？

Question

我有一个反应组件“ A”，该组件依赖于以提供者组件“ B”的状态存储的值“ x”。更新“ x”后，我需要重新渲染“ A”组件。我该如何实现？如何更新“ A”和“ x”？ “ B”可以间接访问“ A”。

我使用的是旧版的React，所以不能使用钩子。

Answer 1

通过更新组件“ B”的状态，这将触发该组件的重新渲染，并将其传播到其子节点（包括节点A）。React遵循下拉架构，这意味着更新父节点，这会将其传播到其子级。

这是一个非常通用的答案，但这是React渲染背后的主要思想。如果您想更具体些，可以编辑答案以提供更多信息。

Answer 2

我假设将值“ x”作为对组件“ A”的支持传递。在这种情况下，您可以执行ComponentDidUpdate检查，以检查道具的状态。像这样：

    ComponentDidUpdate(prevProps) {
    //Code here 
    }

查看此帖子：Re-render React component when prop changes

Answer 3

我发现的最干净的方法是将值“ x”作为道具传递给组件“ A”，以便可以自动重新呈现它。