从另一个组件更新组件状态的最简单方法是什么?假设组件是兄弟姐妹?

What is the most simplest method of updating component's state from another component? Lets say components are siblings?

我正在尝试在我的网络应用程序中创建一个交互功能。在一个组件中选择一个选项后,我想更新另一个组件的状态并触发重新渲染。我该怎么办。

您可以将这两个组件都放在另一个组件中,并在那里定义状态和设置状态。现在将 setState 作为 prop 发送到第一个组件。当你 select 一个选项使用你发送的 setState 设置状态。现在,如果第二个组件使用该状态作为道具,那么它将被重新渲染。

父组件

  • 定义状态

  • FirstComponent 将 setState 作为 Prop

  • SecondComponent取状态为Prop

因此,在您的情况下,如果第二个组件的状态是在父级中定义的,我们可以将其 setState 作为 prop 发送到第一个组件,当值是 selected 时,更改状态第一个组件本身。它将改变父级中存在的状态,这将重新呈现第二个组件,因为该状态是第二个组件中的道具。