React - 소품이 있는지 확인하십시오.

Question

인터넷에서이 질문에 대한 답변을 검색했습니다. 찾지 못했습니다. 따라서 여기에 내 질문을 게시하고 있습니다.

부모 구성 요소 (App) 및 하위 구성 요소 (Child)가 있습니다. 앱 구성 요소가 너무 좋아 거기에 일부 데이터와 상태가 내 자식 구성 요소에서

class App extends Component { 
    constructor() { 
     super() 

     this.state = { 
      currentOrganization: { 
       name: 'name', 
       email: 'email' 
      } 
     } 
     render() { 
      return (
       <Child data={this.state.currentOrganization} /> 
      ) 
     } 
    } 
} 

을, 나는 양식이 다음 반작용 문서에 따르면

class Child extends Component { 
    constructor() { 
     super() 

     this.state = { 
      formData: { 
       name: '', 
       email: '', 
      } 
     } 
    } 

     render() { 
      return (
      <Form ... /> 
     ) 
     } 
    } 

를, 형태는 일반적으로해야한다 폼의 각 요소에 해당하는 속성을 포함하는 상태입니다. 내 하위 구성 요소에있는 양식에는 currentOrganization의 데이터 (App 구성 요소에 표시된대로)가 미리 채워져 있어야합니다.

이 작업을 수행하려면 하위의 상태를 부모로부터받는 소품으로 설정해야합니다.

내 자녀 구성 요소가 자신의 상태를 업데이트하기 위해 필요한 소품을 받았는지 확인하는 가장 좋은 방법은 무엇입니까?

(누구든지 알고있는 경우) React 팀이 componentDidReceiveProps()과 같은 라이프 사이클 기능을 추가하지 않은 이유는 무엇입니까?

Answer 1

초기 소품을 constructor에서 확인할 수 있습니다.

class Child extends Component { 
    constructor(props) { 
    super(props); 

    this.state = { 
     formData: { 
     name: props.name || '', 
     email: props.email || '', 
     } 
    } 
    } 

    render() { 
    return (
     <Form ... /> 
    ) 
    } 
} 

P. >합니까`componentWillReceiveProps()`작동하지 -이 "prop_name" in this.props // true|false