2017-12-22 9 views
0

1つの問題があります。コンポーネントのアップデートライフサイクルReactJS

私は親コンポーネントを持っています。例えば、<Parent />です。この親コンポーネントのレンダリングメソッドでは、カード、例えば<CardItem />をレンダリングしています。

この<CardItem />の成分iは<IconComponent/>です。

だから、主な問題は次のとおりです。
私はすべてのコンポーネントの小道具を参照してください<IconComponent/>componentWillUpdate/didを使用しようとしているとき。

たとえば、私は5つの<CardItem />コンポーネントをレンダリングすると、更新5つのコンポーネントの1一度私は私のコンソールログにラインのを持っています。

質問:更新されたコンポーネントを1つだけキャッチする方法はありますか?

答えて

0

componentWillReceiveProps(nextProps)のように、最高の解決策は、あなたがそのコンポーネントとして新しいPropsを与えてくれるので、あなたが望むことが何でもできます。詳細について react lifecycle

+0

'componentWillReceiveProps()' =>は、私はあなたが ''でparent'コンポーネント 'から小道具を共有しないすべてのコンポーネント –

+0

のすべてのプロパティを取得しますので、5行あまりにも私を与えるだろうとを確認しますどのように 'コンポーネント'を更新しているのですか、私は共有の例を見たいと思います。 – Dkouk

+0

あなたには答えがたくさんありますが、これはあなたが話している多くの可能性があります。配列からマッピングしていますか? .map(ele => CardItem))?そうであれば、eleをIconComponentに渡します。

関連する問題