从 API 的嵌套 object 显示某些 object，反应原生

Question

此处的代码用于在 API 中获取数据并将其显示在表中，但每当我执行它时，都会出现 null 错误。 请帮我

export default Apps = () =>{
      const [data, setData] = useState({ data: {} });
        console.log(data);

  var myHeaders = new Headers();
myHeaders.append("sign", "//sign");
myHeaders.append("key", "//key");

var requestOptions = {
  method: 'GET',
  headers: myHeaders,
  redirect: 'follow'
};

useEffect(() => {
   fetch("//link", requestOptions)
    .then((response) => response.json())
    .then((json) => setData(json))
    .catch((error) => console.error(error))
}, []);


return  (

    <ScrollView>
      <View>
    <Text>Device Information</Text>
        <Table>
                  {Object.entries(data.data).map(([key, val]) => {
if(key=="no" || key=="section" || key=="status")
      return <Row>{key}
      <Rows>{val}</Rows></Row>;
    })}
        </Table>
        </View>
          </ScrollView>
    )
};

而假定的 API object 是

{
    "index": 0,
    "data": {
        "items": [
            {
                "fields": {
                    "no": "021",
                    "section": "greenSection",
                    "id": "Old0112",
                    "status": "active",
                },
                "id": 17015
            },
            {
                "fields": {
                    "no": "022",
                    "section": "pinkSection",
                    "id": "Old0123",
                    "status": "inactive",
                },
                "id": 17011
            },]
}
}

我希望 output 就像这条线

不	部分	地位
021	绿色部分	积极的

它将仅获取第一个索引的详细信息