this.state.item.id 未定义。反应式答案

【问题标题】：this.state.item.id is undefned. react-nativethis.state.item.id 未定义。反应式
【发布时间】：2020-03-29 18:50:49
【问题描述】：

从 API 解析一些单独的结果后，我遇到了这个问题。

我将值分配给我的数组：

this.setState({
   item: responseJson.items,
});

但是当我尝试在视图中渲染其结果之一时，什么都不会渲染，并且在日志中显示为 undefined。

我尝试做的是：{this.state.item.id}

我得到的json示例：

{"items":[{"id":"17228","strItem":"Toy", etc. etc.

如何渲染 id？

在渲染上 <Text>{this.state.item.id}</Text>

提前致谢。

【问题讨论】：

【解决方案1】：

您的this.state.item 是一个数组。

如果你想获取项目，你应该使用[] 语法。

const firstItem = this.state.item[0];
const firstItemId = firstItem.id;

如果要通过id获取数组项：

const desiredItem = this.state.item.find(item => item.id === desiredId);

检查：

if (Array.isArray(this.state.item) && this.state.item.length > 0) {
  console.log(this.state.item[0]);
}

【讨论】：

【解决方案2】：

正确的解决方案是映射它。

解决方案代码：

{this.state.fontLoaded && this.state.item.map(it => {
return (
<Text>ID: {it.id}</Text>
)
})}

【讨论】：