Reactjs: Как обновить состояние родителя от детей?

Question

Я новичок в React js.

У меня есть реагировать компонент структурирован следующим образом:

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

Я хочу обновить содержание <View/> в соответствии с пунктом я нажимаю в <Item/>, так что я думаю, что нужно изменить состояние <Page/>

Как это сделать?

Answer 1

Что-то вроде этого:

Родитель:

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

И ребенок что-то вроде этого:

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