Javascript FlatList在React Native中未显示任何内容
我确实有这样的JSON。我正在我的React原生应用程序中获取它Javascript FlatList在React Native中未显示任何内容,javascript,json,reactjs,react-native,react-native-flatlist,Javascript,Json,Reactjs,React Native,React Native Flatlist,我确实有这样的JSON。我正在我的React原生应用程序中获取它 order:[ { "id": "00005497", "order_number": "525522", "order_result_json": [ { "key": "Номер", "value": "25263640253590" }, { "key": "Ссылка на скачивание",
order:[
{
"id": "00005497",
"order_number": "525522",
"order_result_json": [
{
"key": "Номер",
"value": "25263640253590"
},
{
"key": "Ссылка на скачивание",
"value": "https://play.google.com/store/"
},
{
"key": "Ссылка на лицензию",
"value": "https://google.com"
}
]
}]
我可以看到数据即将到来:警报(JSON.stringify(order.orderResultJson));这表明阵列即将到来
当我将它应用到我的平面列表时,它显示的是空的空间,如果我向下滚动页面,它将以空内容无限滚动
我的平面列表实现:
<View style={{flex: 1, backgroundColor: 'green'}}>
<FlatList
data={order.orderResult}
renderItem={({item}) => <Text>{item.value}+5</Text>}
keyExtractor={item => item.key}
/>
</View>
{item.value}+5}
keyExtractor={item=>item.key}
/>
有什么建议吗?不仅仅是打字错误吗
您的代码使用
data={order.orderResult}
,但您的json数据包含order\u result\u json
,带有警报的调试代码使用orderResultJsonorder是一个数组,因此您无法访问order.orderResult
2种解决方案:
- 使用订单数组的第一项:订单[0]。订单结果
- 更改顺序对象的结构(为什么是数组?)
是的,是打字错误。数据={order.orderResultJson}应该是这样的