刷新另一个功能组件

Question

我有三个文件：App.js、A.js 和 B.js。 A 和 B 是 App.js 中使用的功能组件。在 A.js 中我有一个函数 foo()，在这个函数中我想强制 B.js 重新渲染。

知道怎么做吗？

我用谷歌搜索了这个问题，发现我可以在 B.js 中设置一个状态并更新该状态。但是如何从 A.js 中的 foo() 更新这个外部状态？

Answer 1

在您的App 中有一个state，然后将其state 传递给B 和setState 函数到A 作为props。然后，每当您通过组件A 的setState 函数更新状态时，都会导致重新渲染组件B。发生这种情况是因为每当 props 更新时 react 会触发重新渲染。

Answer 2

为什么要重新渲染它？如果你将 props 传递给组件，如果这些 props 发生变化，它将自动重新渲染。