ReactJs獲取子組件的狀態

Question

我想在我的父組件in this example中使用我的子組件的狀態。正是我想要能夠做的是這樣的：

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

Answer 1

你onChange只是其中傳遞到您的應用程序組件正常的道具。所以如果它是一個函數，你可以隨時調用它。在這種情況下，更新應用程序的state時更有意義。您可以使用setState函數的第二個參數，它是一個可選的回調函數。但只要確保onChange prop已被定義，並且在您用任何想要傳遞的參數調用它之前它是一個函數。

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); 
    } 

    //..... 

} 

更新Codepen：https://codepen.io/anon/pen/gWvKxa