怎么在反应中提升两级状态?

原学程将引见若何在反响中晋升二级状况?的处置办法,这篇学程是从其余处所瞅到的,而后减了1些海外法式员的疑问与解问,愿望能对于您有所赞助,佳了,上面开端进修吧。

怎么在反应中提升两级状态? 教程 第1张

成绩描写

追随此exampleBy Reaction。

我愿望可以或许将状况晋升二个级别。这意味着,当事宜产生在较初级其余组件时,我愿望它影响上1级的状况。我该怎样做呢?这是推举的吗?

比方,组件A是组件B的女项,组件B是组件C的女项。A->B->C。

在A中,

handleChange = (e) => {console.log(e)}
<B onChange={handleChange}/>

在B中,

handleChange = (e) => this.props.onChange(e)
<C onChange={this.handleChange}/>

在C中,

handleChange = (e) => this.props.onChange(e)
<button onClick={this.handleChange}></button>

有甚么更佳的办法?

推举谜底

在这里应用您的示例A->B->C。
您应当在A中创立1个setter。

A的状况:

this.state={ stateA: "whatever"}

A中的函数:

setStateA(newVal){
 this.setState({stateA: newVal});
}

如今将其作为属性传播给B

<B setStateA={this.setStateA} />

在B中:

<C setStateA={this.props.setStateA} />

在C:中

// some code
this.props.setStateA("a new value");
//some code

我以为这是最佳的方法。将函数作为属性传播给子对于象。愿望能有所赞助。

佳了闭于怎样在反响中晋升二级状况?的学程便到这里便停止了,愿望趣模板源码网找到的这篇技巧文章能赞助到年夜野,更多技巧学程不妨在站内搜刮。