Reactjs:如何从 chidren 更新父母的状态

Reactjs: How to update parent's state from chidren?

本文关键字：更新 父母 状态 chidren Reactjs      更新时间：2023-09-26

我是 React js 的新手。

我有一个反应组件，结构如下：

<Page>
  <List>
    <Item/>...
  </List>
  <View/>
</Page>

我想根据我在<Item/>中点击的项目更新<View/>的内容，所以我认为我需要修改<Page/>的状态

我怎样才能做到这一点？

像这样：

父母：

...
    updateSomething: function(){
        console.log('From child');
    },
    render(){
       return(
          <Child 
              showUp={this.updateSomething} 
           />
        )
    }
...

孩子是这样的：

render()
    {
       return(
          <button onClick={this.props.showUp}>Show</button>
        )
    }
相关文章：