React Native：setState（）は、FlatListの子コンポーネントを再レンダリングしません。

Question

要するに、私はチュートリアルではhereを見つけています。

FlatListコンポーネントに、状態が変更されたときに再レンダリングするために状態が関連付けられているpropを割り当てる必要があるのはわかりません。この例のようにextraDataプロップを省略すると、FlatListは再レンダリングされません。私はsetState()がコンポーネントとそのすべての子を再レンダリングするはずだったと思っていましたが、このインスタンスではありません。

ありがとうございます。

Answer 1

このページでhttps://facebook.github.io/react-native/docs/flatlist.html

を見てみるならば、あなたは彼らがstate.selectedを設定しているが、私はあなた/彼はそのチュートリアル、多分そのthis.stateにそれをやっていることを確認することはできません見ることができます。プロパティとしてisntが選択されていますか？

は、私はあなたがこのようごonSelectItem()方法で状態にselectedを追加する必要がありますと思う：

onSelectItem: (item) => { 
    console.log('onSelectItem ', item); 
    this.setState({ 
     selected: item 
    }); 
}, 

Answer 2

より注意深くdocumentation for the FlatListコンポーネント（おかげで、@Lucas Reppe Welander）を読んだ後、それはFlatListがあることが明らかになりました通常のコンポーネントではありませんが、実際はPureComponentです。つまり、親コンポーネントの状態が変わっても、PureComponentは "shouldComponentUpdate()を浅い小道具と状態の比較で実装している"ので、FlatListの "小道具比較は変更を表示しません"。私はこれが必要とするすべての複雑さについて完全にはわかっていませんが、なぜこの場合にextraData支柱を使用する必要があるのか​​を理解するだけで十分です。