Question

我一直在使用JavaScript map函数在react native中呈现列表。通过js map，我可以使用多个数组。例如：

names=["a","b","c"];
price=[1,2,3];

我使用

`this.state.names.map((item,i)=>(<Item name=item price = 
 this.state.price[i] />))`

代码以呈现“项目”列表。我打算转向使用React本机FlatList组件，并且想知道是否有可能使用js map中使用的多数组。

谢谢

Answer 1

是，请以与js map

相同的方式使用它

<FlatList data={this.state.names}
          extraData={this.state}
          renderItem={({ item, index }) => <Item name=item price = this.state.price[index] /> }
          />

建议：使用这样的数据不是一种好习惯，如果您有名称和价格，则将其与JSON对象组成一个数组。

var data= [{name:"a",price:1},{name:"b",price:2},{name:"c",price:3}]

在React Native Flatlist中呈现多数组数据

1 个答案: