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