在React Native应用程序中显示数据库数据时遇到问题

时间:2018-06-10 11:07:09

标签: react-native

我是反应原生的初学者。在我的应用程序中,我从php后端获取json编码数据。我没有问题地获取数据并在控制台中尝试。它运作得很好。

这是我获取数据的代码。

componentWillMount() {
    fetch('http://bsthisarasinghe-001-site1.1tempurl.com/projectDetails.php', {
        method: 'POST',
        headers: {
            'Accept': 'application/json',
            'Content-Type': 'application/json',
        },
        body: JSON.stringify({
            job_code: this.props.navigation.state.params.code
        })

    }).then((response) => response.json())
        .then((responseJson) => {
            this.setState({ data: responseJson.results });

        }).catch((error) => {

            Alert.alert("No internet connection");
            this.setState({ loading: false });
        });     
}

这是我在控制台中打印的方式。

onFocus1() {
    console.log(this.state.data[0].Job_Code);
}

但是当我尝试在应用中显示相同的字符串时,它会显示错误。

我试过了。

 <View style={{ width: '35%' }}>
     <Text style={styles.textBoldStyle}>Project Name: </Text>
 </View>
 <View style={{ width: '65%' }}>
     <Text style={styles.textStyle}>{this.state.data[0].Job_Code}</Text>
 </View>

然后它说

  

&#34; TypeError:无法读取属性&#39; Job_Code&#39;未定义&#34;

我想创造的是这个。

enter image description here

我想将数据库数据单独添加到那些键入“&#39; something”的地方。 请帮帮我。

0 个答案:

没有答案