在屏幕上显示的值，而不是在警告框

Question

_onPressButtonPOST(){ 
     fetch("url", { 
      method: "POST", 
      headers: { 
       'Accept': 'application/json', 
       'Content-Type': 'application/json', 
      }, 
      body: JSON.stringify({"entryDate":"3/2/2017 2:00 AM","dia":"808","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) => { 
      Alert.alert(
       "Blood pressure data", 
       "Blood pressure data - " + JSON.stringify(responseData) 
      ) 
    }) 
     .done(); 
    } 



    render(){ 
     return(
      <View> 


      <TouchableHighlight onPress={this._onPressButtonPOST} > 
        <Text>Add</Text> 
       </TouchableHighlight> 
       <TouchableHighlight onPress={this._onPressButtonGET} > 
        <Text>show</Text> 
       </TouchableHighlight> 


      </View> 
      ); 
    } 

我能值存储到数据库并获取他们回来，但我在警告对话框显示这些值，但我想在屏幕上显示，如何编辑我的代码来显示entryDate和dia在屏幕上，每当我点击显示按钮？

Answer 1

使用state -

constructor(props) { 
    super(props); 

    this.state = { 
    data: '' 
    }; 
} 

_onPressButtonGET =() => { 
    .... 
    .then((responseData) => { 
    this.setState({ 
     data: JSON.stringify(responseData) 
    }) 
    }) 
} 

render() { 
    return(
    <View> 
     ..... 
     ..... 
     <Text>{this.state.data}</Text> 
    </View> 
); 
}