小道具のコンポーネントを再レンダリングする

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に反応しますが、それも役立ちます。