react如何在子組件中改變父組件的state

主要做用：能夠在子組件中刷新父組件，或者想從子組件傳值到父組件

//父組件
class Parent extends React.Component {
  constructor(props) {
    super(props)
    this.updateParent= this.updateParent.bind(this);
  }

  updateParent(someValue:any) {
    console.log(someValue);//在這裏就能夠取到子組件傳來的值
    this.setState({
      someState: someValue
    })
  }

  render() {
    return <Child updateParent= {this.updateParent} />
  }
}

//子組件
class Child extends React.Component {
  render() {
    return <Button onClick = {this.props.updateParent(someValue)}/ >
  }
}

子組件能夠像例子中這樣直接綁定事件觸發，或者在其餘方法中調用this.props.updateParent()

原文連接：點我跳轉或者點我跳轉