1

以下のような 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」列を「キー」にマップするより良い方法はありますか

4

2 に答える 2