#reactjs #model-view-controller #axios #crud #updates
Вопрос:
Я работаю над личным проектом, я хочу обновить некоторые данные, используя MVC, Reactjs и axios в качестве интерфейса. может ли кто-нибудь помочь мне решить эту проблему, пожалуйста. в консоли нет ошибки, она не обновляет выбранный элемент, кстати, операция обновления работает на бэкэнде.
вот код:
updateCar(idCars, data) {
var data = {
id: this.state.idCars,
carName: this.state.carName,
carModel: this.state.carModel
};
DataService.update(idCars, data)
.then(response => {
this.setState({
idCars: response.data.idCars,
carName: response.data.carName,
carModel: response.data.carModel,
submitted: true
});
this.props.history.push('/classement')
})
.catch(e => {
console.log(e);
});
}
<button onClick={ () => this.updateCar()} className="btn btn-success" style={{marginLeft:'35%'}}>
Submit
</button>
Комментарии:
1. аргументы
this.updateCar()
функции не передаются, поэтому вызов api приводит к блокировке catch
Ответ №1:
проверьте эту часть, где вы называете this.updateCar()
,
<button onClick={ () => this.updateCar()} className="btn btn-success" style={{marginLeft:'35%'}}>
Submit
</button>
Не предполагаете ли вы передать здесь такие параметры, как idCars, data
?