6

子/親で余分な状態を管理することなく、親コンポーネントで小道具が変更された後、子コンポーネントで関数を実行したいと考えています。

<ParentCompoenent 
  myCallback={() => {}}
  myList={['a','b','c']}
/>

ChildComponent.js

componentWillReceiveProps(nextProps) {
  console.log(this.props.myList, '==', nextProps.myList);  // Outputs ['a','b','c'] == ['a','b','c']
}

componentWillReceiveProps で nextProps をコンソールしようとすると、小道具が変更された後でも毎回同じ結果が得られます。

4

2 に答える 2