获取子组件的状态

Question

在这个例子中，我想在我的父组件中使用我的子组件的状态。

<Application onChange={(myVar)=>{console.log(myVar)}}/>

Answer 1

你的onChange只是一个普通的道具，你传递到你的Application组件。所以如果它是一个函数，你可以随时调用它。在这种情况下，在应用程序的状态更新时调用它更有意义。您可以使用setState函数的第二个参数，这是一个可选的回调函数。但是只要确保你的onChangeprop已经定义，并且它是一个函数，然后再用你想要传递的任何参数调用它。

class Application extends React.Component {
  constructor(props){
    super(props);
    this.state = {myVar:0};
    setInterval(()=>{
      this.setState( { myVar:this.state.myVar + 1 }, () => {
        if(this.props.onChange && typeof this.props.onChange === "function")
          this.props.onChange(this.state.myVar)
      } ); 
      }, 3000);
  }

  //.....

}

更新的代码笔：https://codepen.io/anon/pen/gWvKxa