You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

React Native渲染JSON数据无法访问company字段,求排查问题

问题分析与解决方案

我帮你瞅了下代码,问题其实出在FlatList渲染时的字段取值方式上,咱们一步步理清楚:

  1. 数据结构确认:你拿到的JSON是一个数组,里面包含单个对象,所以你的data状态是数组类型,数组里的每个元素才是包含company字段的对象。

  2. 错误点定位:在FlatList的renderItem里,你写了title={data.company}——但data是整个数组,数组本身并没有company属性!你应该用renderItem参数里的item,它代表数组中的每一个单独对象,正确的取值应该是item.company。

  3. 修正后的渲染代码:

<FlatList
  keyExtractor={(item, i) => i.toString()}
  data={data}
  renderItem={({ item, i }) => (
    <Card 
      title={item.company}  // 这里把data.company改成item.company
      onPress={() => navigation.navigate("Porosia")} 
    />
  )}
/>

另外给个小建议:keyExtractor最好用数据里的唯一标识(比如item._id)而不是索引,这样在数组元素变动时性能更好,比如改成:

keyExtractor={(item) => item._id}

内容的提问来源于stack exchange,提问作者Emily

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.11 07:41:57