소품 업데이트에서 구성 요소를 다시 렌더링하십시오.

Question

간단한 질문이지만 다음과 같습니다. 소품이 변경 될 때 구성 요소에 다시 렌더링하도록 지시하는 방법이 있습니까? 나는 특정 작업에서 상태를 업데이트하는 redux 저장소에 연결된 구성 요소를 가지고 있는데,이 상태는 응용 프로그램이 변경 사항에 응답하기를 원하는 시점에 소품으로 필터링됩니다.

componentDidUpdate()을 사용 하시겠습니까?

뭔가 같은 :

// ... 
componentDidUpdate(prevProps, prevState) { 
    if (prevProps !== this.props) { 
     // re-render x <-- not sure how to do this 
    } 
} 

플러스 무엇인지는 전체 구성 요소를 다시 렌더링 할 수있는 방법이 될 것이며, 무엇을 다시 렌더링 만 업데이트 된 소품의 방법이 될 것이다?

도움을 주시면 감사하겠습니다.

Answer 1

this.forceUpdate()으로 전화 할 수 있습니다. 또 다른 방법은 this.setState(this.state)입니다. 당신의 소품은 당신이 무한 루프를 얻을 것이다 상태를 변경해야 뭔가 경우

Answer 2

당신은

componentWillReceiveProps (props){ 
this.doSomething(props) // To some function. 
this.setState({data: props}) // This will update your component. 
} 

를 사용할 수 있습니다.

체크 아웃 라이프 사이클 here을 반품해도 도움이 될 수 있습니다.