は、私は次のコンポーネントを持っている古い小道具

でレンダリングされたコンポーネントを反応します。問題は、サーバーからフェッチされた新しい状態ではなく、古い状態として渡されている小道具です。私はここで何が欠けていますか？は、私は次のコンポーネントを持っている古い小道具

2016-09-27 Ahmad Al-kheat

コメントコンポーネントはどのように見えますか？ – Kafo

ちょっと考えた後、わかりました。問題はrenderがcomponentWillMountより前に呼び出されていたため、子コンポーネントCommentsが最初の小道具でレンダリングされていたため、親コンポーネントが状態を設定したときに新しい小道具を受け取ることを子コンポーネントに知らせる必要がありました。このコードを子コンポーネントに追加しました：

componentWillReceiveProps: function(newProps){ 
     this.setState({comments: newProps.comments}) 
    },

出典

2016-09-27 21:11:57

コンポーネント階層の2つの異なるレベルで、stateと同じデータを表すべきではありません。最高レベルの状態として維持され、小道具として渡されるべきである。あなたの子コンポーネントはthis.props.commentsとしてこのデータを参照する必要があります。さもなければ、あなたは慣用的な反応ではないこのデータの真理の2つの情報源を持っています。 – John

@ジョンオハイオ州のありがとう、それは大きなポイントです、私はリファクタリングを行うでしょう。 –

子コンポーネントが責任を負う場合、遅い小道通過を待っていないので、必要ではないと書いてもらえませんか？ – Femtosecond

は、私は次のコンポーネントを持っている古い小道具

答えて

関連する問題