请说明附加方法到这个组件

时间:2018-06-18 15:54:46

标签: react-native fetch react-native-android react-native-ios

我是新来回应本机,我正在尝试向我的API发送一些数据,基本上是一个POST请求,添加了一个按钮并尝试使用它来调用获取请求,但我不知道我是什么做错了? 它在日志中说“请将方法附加到此组件”,如果我在这方面做错了,请告诉我?

这是我的按钮

<Button
        style={{height: 60,width:150}}
        onClick={ () => this.submitNewCustomer()}
        title="SUBMIT"
        backgroundColor='#C0C0C0'
        color="black"
        />

这是我的方法

submitNewCustomer(){
fetch('http://endpoint.net/api/customerdetail', {
  method: 'POST',
  headers: new Headers({
            'Content-Type': 'application/json', // <-- Specifying the Content-Type
    }),
  body: JSON.stringify({
    CustomerId: '1ef87a90-a941-4ebb-b101-66f74ac07778',
    CustomerName: this.state.customername,
    UserId:'user2',
    VehicleCompanyName:this.state.vehiclecompanyname,
    VehicleModelType:this.state.vehiclemodeltype,
    VehicleNumber:this.state.vehiclenumber,
    CustomerImage:'',
    Location:'',
    CustomerImageType:'png'
  }), // <-- Post parameters
})
.then((response) => response.text())
.then((responseText) => {
  alert(responseText);
})
.catch((error) => {
    console.error(error);
});

}

任何输入都非常有用

1 个答案:

答案 0 :(得分:0)

您需要使用onPress而不是`onClick,因此您的按钮应该是

<Button
        style={{height: 60,width:150}}
        onPress={ () => this.submitNewCustomer()}
        title="SUBMIT"
        backgroundColor='#C0C0C0'
        color="black"
        />