从API中的嵌套数组中获取数据

Question

我试图从react本机中的API中从嵌套数组中获取数据。

所以我的编码是这样的

export default const App= () =>{

    const [data, setData] = useState([]);
    console.log(data);

     //Some fetch code here
    //setData happen here
  
    return  (
       <View >
        <Text >fetched data</Text>
          <Text>{data?.data?.items?.newOne?.a}</Text>
          <Text>{data?.data?.items?.newOne?.b}</Text>
          <Text>{data?.data?.items?.newOne?.c}</Text>
       </View>
    )
};

假设的数组是这样的

arr = { code: 1, data:{ items:[{newOne:{a:2, b:4, c:6}, id:00},], totality: 1}}

有人能告诉我我做错了什么吗？我对js很陌生，也是天生的。每当运行此代码时，我都会收到空白。

Answer 1

items是一个数组，所以您必须作为一个数组访问它。

return  (
   <View >
    <Text >fetched data</Text>
      <Text>{data?.data?.items[0]?.newOne?.a}</Text>
      <Text>{data?.data?.items[0]?.newOne?.b}</Text>
      <Text>{data?.data?.items[0]?.newOne?.c}</Text>
   </View>
)

Answer 2

你可以试试这样的东西：

export default const App= () =>{

    const [data, setData] = useState([]);
    console.log(data);

     //Some fetch code here
    //setData happen here

const itemsObject = data?.data?.items[0] ?? {}

  
    return  (
       <View >
        <Text >fetched data</Text>
          <Text>{itemsObject?.newOne?.a}</Text>
          <Text>{itemsObject?.newOne?.b}</Text>
          <Text>{itemsObject?.newOne?.c}</Text>
       </View>
    )
};

希望它能帮上忙