无法获取并显示特定数据 - 反应本机

Question

      import React, { Component } from 'react';
import {
  AppRegistry,
  StyleSheet,
  Text,
  View,
  Navigator,
  TouchableOpacity,
  Image,
  TextInput,                                            
  TouchableHighlight,                                            
  Alert
} from 'react-native';
import Button from 'react-native-button'
import {Actions} from 'react-native-router-flux'
import Home from './Home'
export class Weight extends Component{
    constructor(props) {
  super(props);
  this.state = {
    data: '',
    data1:'',
    textinput:'',
    entryDate: '',
    systol:''
  }
  componentDidMount(){
    this._onPressButtonGET();
  } 
 _onPressButtonPOST(){
            fetch("url", {
                method: "POST",
                 headers: {
                     'Accept': 'application/json',
                     'Content-Type': 'application/json',
                 },
                body: JSON.stringify({
                    "entryDate":"3/2/2017 2:00 AM",
                    "systol": "120",
                    "mobileType":"ANDROID",
                    "userName":"menutest"
                })})
            .then((response) => response.json())
            .then((responseData) => {
                Alert.alert(
                    "Blood pressure data",
                    "Blood pressure data - " + JSON.stringify(responseData)
                )
            })
            .done();
        }
        _onPressButtonGET ()  {
            fetch("url", {
                method: "POST",
                 headers: {
                     'Accept': 'application/json',
                     'Content-Type': 'application/json',
                 },
                body: JSON.stringify({"mobileType":"ANDROID","userName":"menutest"})})
            .then((response) => response.json())
            .then((responseData) => {
                    this.setState({ data: JSON.stringify(responseData) })
                })
            .done();
        }
    render(){
            return(
                <View>
                    <TouchableHighlight onPress={this._onPressButtonPOST}>
                        <Text>Add</Text> 
                    </TouchableHighlight>

                     <TouchableHighlight onPress={this._onPressButtonGET.bind(this)}>
                        <Text>show</Text>
                       </TouchableHighlight>
                      <Text>{this.state.responseData.entryDate}</Text>
                      <Text>{this.state.responseData.systol}</Text>
                       <Text>hello{this.state.data}</Text> 
                </View>
            );
        }
    }
    module.exports = Weight;

我只想在屏幕上显示Systol和Rotentate，但是我的上面代码正在显示Web服务中的所有数据，我该如何编辑我只想显示这些内容的代码？我尝试了this.setstate（{data：wendersedata.entrydate}），但这不是工作需要的帮助。以及如何在_ONPRESSBUTTONGET（）中用于循环以显示所有入口日期和Systol。

Answer 1

如果响应数据是对象而不是

this.setState({ data: JSON.stringify(responseData) })

使用

this.setState({ entryDate: responseData.entryDate, systol: responseData.systol })

然后在渲染中使用 {this.state.entryDate}和{this.state.systol}

首先确保在构造函数中有一个干净的代码（设置状态后添加} ），然后确保您从正确的URL中获取数据，而不仅仅是字符串，然后确保您接收您需要的确切数据，这是一个对象，然后按照我所描述的状态设置所需的信息，然后在渲染函数中使用它。