以下のような API 応答からの json があります。
centres = [{
id: 1,
name: "DEF",
},{
id: 2,
name: "ABC",
}]
今、上記のデータを FlatList に入力したい
return(
<View>
<FlatList
data={this.state.centres}
renderItem={({item}) => <CentreComponent centre={item}/>}
/>
</View>
);
しかし、データ(センター)には「キー」プロパティがないため、上記のことはできません。
これで、配列内の各項目をループして、ID と同じ値を持つプロパティ「キー」を追加できます。しかし、私はこれが効率的だと思います。
FlatListをレンダリングするために「id」列を「キー」にマップするより良い方法はありますか