最初に定義されていないデータを提供します。原因は未定義のxxxを読み取ることができません

Question

私は反応ネイティブFlatListを持っていて、ユーザが製品を選択するまで、これは、エラーを与える：コードのrenderItem行程度

cannot read property 'name' of undefined

：

<FlatList 
    data={ this.props.selectedProduct ? this.props.selectedProduct.products : [{ name: '' }] } 
    renderItem = {({ product }) => <Text style={{ color: 'white' }}>{product.name}</Text>} 
    horizontal = "true" 
    /> 

データが最初に定義されていない場合、私はそれ[{ name: '' }]を割り当てるしようとしているproduct.nameはエラーをスローしないように、しかし、それはにISNエラーをなくしてはいけません。エラーをどうやって消すのですか？私はちょうどthis.props.selectedProduct.productsをデータにして、エラーを起こさないようにします。 renderItemで

Answer 1

データがitem名前を付ける必要があります。

renderItem = {({ item }) => <Text style={{ color: 'white' }}>{item.name}</Text>}