Говорит, пожалуйста, прикрепите метод к этому компоненту

Я новичок, чтобы реагировать на родной язык, и я пытаюсь отправить некоторые данные в свой 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);
});

}

Любые входы были бы действительно полезны

мы можем увидеть ваш компонент кнопки?

Bruno Mazzardo 18.06.2018 19:04

@BrunoMazzardo это там ... я добавил это

Venky 18.06.2018 19:37
Умерло ли Create-React-App?
Умерло ли Create-React-App?
В этом документальном фильме React.dev мы исследуем, мертв ли Create React App (CRA) и какое будущее ждет этот популярный фреймворк React.
Освоение React Native: Пошаговое руководство для начинающих
Освоение React Native: Пошаговое руководство для начинающих
React Native - это популярный фреймворк с открытым исходным кодом, используемый для разработки мобильных приложений. Он был разработан компанией...
В чем разница между react native и react ?
В чем разница между react native и react ?
React и React Native - два популярных фреймворка для создания пользовательских интерфейсов, но они предназначены для разных платформ. React - это...
От React к React Native: Руководство для начинающих по разработке мобильных приложений с использованием React
От React к React Native: Руководство для начинающих по разработке мобильных приложений с использованием React
Если вы уже умеете работать с React, создание мобильных приложений для iOS и Android - это новое приключение, в котором вы сможете применить свои...
Хуки React: что это такое и как их использовать
Хуки React: что это такое и как их использовать
Хуки React - это мощная функция библиотеки React, которая позволяет разработчикам использовать состояние и другие возможности React без написания...
4
2
4 029
1

Ответы 1

Вам нужно использовать onPress вместо onClick, поэтому ваша кнопка должна быть

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

Другие вопросы по теме