我正在尝试在我的 Web 应用程序中创建一个交互功能。在一个组件中选择一个选项后,我想更新另一个组件的状态并触发重新渲染。我该怎么办。
从另一个组件更新组件状态的最简单方法是什么?让我们说组件是兄弟姐妹?
IT技术
javascript
reactjs
components
jsx
setstate
2021-05-09 06:29:55
1个回答
您可以将两个组件放在另一个组件中,并在那里定义 state 和 setState。现在将 setState 作为props发送到第一个组件。当您选择一个选项时,使用您发送的 setState 设置状态。现在,如果第二个组件使用该状态作为props,那么它将被重新渲染。
父组件
定义状态
FirstComponent 将 setState 作为 Prop
SecondComponent 将状态作为 Prop
因此,在您的情况下,如果在父组件中定义了第二个组件的状态,我们可以将其 setState 作为 prop 发送到第一个组件,并在选择值时更改第一个组件本身的状态。它将更改父组件中存在的状态,这将重新渲染第二个组件,因为该状态是第二个组件中的一个props。
其它你可能感兴趣的问题