ReactNative-解析json文件并显示数据

这是我的数据

我能像你一样展示自己

{
"List": [
  {
"entryDate": "03/02/2017",
"entryDateTime": "03/02/2017 2:00 AM",
"entryTime": "2:00 AM",
"systol": "120"
},
  {
"entryDate": "03/02/2017",
"entryDateTime": "03/02/2017 2:00 AM",
"entryTime": "2:00 AM",
"systol": "121"
},
  {
"entryDate": "03/02/2017",
"entryDateTime": "03/02/2017 2:00 AM",
"entryTime": "2:00 AM",
"systol": "120"
},
  {
"entryDate": "03/02/2017",
"entryDateTime": "03/02/2017 2:00 AM",
"entryTime": "2:00 AM",
"systol": "122"
},
  {
"entryDate": "03/02/2017",
"entryDateTime": "03/02/2017 2:00 AM",
"entryTime": "2:00 AM",
"systol": "123"
}
]
}

但我想这样显示，只有entryDate和systol

{"List":[{"entryDate": "03/02/2017","entryDateTime":"03/02/2017 2:00 AM","entryTime": "2:00 AM","systol": "120"},{"entryDate": "03/02/2017", "entryDateTime": "03/02/2017 2:00 AM","entryTime": "2:00 AM","systol": "121"
},{"entryDate": "03/02/2017","entryDateTime": "03/02/2017 2:00 AM", "entryTime": "2:00 AM","systol": "120"},{"entryDate":"03/02/2017","entryDateTime": "03/02/2017 2:00 AM","entryTime": "2:00 AM","systol": "122"},{"entryDate": 03/02/2017","entryDateTime": "03/02/2017 2:00 AM","entryTime": "2:00 AM", "systol": "123"}]}

---

请帮我解决这个问题。谢谢

将渲染功能替换为以下功能：

entryDate:03/02/2017
systol:120
entryDate:03/02/2017
systol:121
entryDate:03/02/2017
systol:122
entryDate:03/02/2017
systol:123

render（）{
const{List:List}=this.state.data
const renderList=list&&list.map（{entryDate，sysol}，index）=>{
返回(
{entryDate}
{systol}
)
})
返回(
添加
{this.setState（{shouldShow:！this.state.shouldShow}}}>
编辑
{this.state.shouldShow？this.setState（{textinput:text}）}
/>：null}
显示
{renderList}
);
}

---

您需要做的一切就是映射列表，并从映射的项目中选择entryDate和systol。然后告诉React根据当前数据项（entryDate，systol）需要呈现什么。

我觉得“未定义的不是对象（评估'list.map'）”是url必须仅以.json结尾还是什么？我不知道为什么它没有显示任何内容，正如您所说，您可以显示

{“list”：[{“entryDate”：“2017年2月3日”，“entryDateTime”：“2017年2月3日凌晨2:00”，“entryTime”：“凌晨2:00”，“systol”：“120”}，…

所以上面的代码应该只显示entryDate和systol。我不会说问题出在url中。是否可以创建一个本地.josn文件并移动其中的所有数据，然后导入该.json文件并显示数据？非常感谢：）其工作..90%完成。但我收到了警告

entryDate:03/02/2017
systol:120
entryDate:03/02/2017
systol:121
entryDate:03/02/2017
systol:122
entryDate:03/02/2017
systol:123

render() {

  const { List: list } = this.state.data
  const renderList = list && list.map(({entryDate, systol},index) => {
    return (
      <View key={index}>
        <Text>{entryDate}</Text>
        <Text>{systol}</Text>
      </View>
    )
  })
  return (
    <View>
      <TouchableHighlight onPress={this._onPressButtonPOST.bind(this)}>
        <Text>Add</Text> 
      </TouchableHighlight>

      <TouchableOpacity style= {{left:300,top:-20, }}
          onPress={()=>{ this.setState({ shouldShow: !this.state.shouldShow })}}>
        <Text>Edit</Text>
      </TouchableOpacity>

      {this.state.shouldShow ? <TextInput placeholder='systol' 
        onChangeText={(text) => this.setState({textinput: text})}
       /> : null}

      <TouchableHighlight onPress={this._onPressButtonGET.bind(this)}>
        <Text>show</Text>
      </TouchableHighlight>

      {renderList}

    </View>
  );

}