Javascript Reactjs：如何更新父项'；孩子们的状态如何？

我是新手

我有一个结构如下的react组件：

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

render()
    {
       return(
          <button onClick={this.props.showUp}>Show</button>
        )
    }

...

我想根据我在

中单击的项目更新

的内容，因此我想我需要修改

的状态

我怎样才能做到这一点呢？

类似这样的事情：

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

render()
    {
       return(
          <button onClick={this.props.showUp}>Show</button>
        )
    }

家长：

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

。。。
updateMething:function（）{
log（'From child'）；
},
render（）{
返回(
)
}
...

像这样的孩子：

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

render()
    {
       return(
          <button onClick={this.props.showUp}>Show</button>
        )
    }

render（）
{
返回(
显示
)
}

建议一种方法是从子级公开一些onClick函数，当用户单击时会调用该函数。除了公开的函数外，示例项还可以具有属性data action，即事件传播到处理事件的某个容器元素的数据值？