Я делаю код в React. js и мне нужно получить информацию из формы и передать ее в базу данных SQL сервера, но по какой-то причине, когда я отправляю ее, данные не сохраняются в база данных. Бэкэнд работает нормально, я тестировал его на почтальоне, и я могу отправлять данные в банк, но теперь мне нужно, чтобы они отправлялись динамически.
import React from "react";
import axios from "axios";
class CreateBoard extends React.Component {
constructor(props) {
super(props);
this.state = {
data: [],
value: [],
loading: true,
error: false,
};
this.handleSubmit = this.handleSubmit.bind(this);
}
onChange(e) {
this.setState({[e.target.name]: e.target.value})
}
handleSubmit(e) {
e.preventDefault();
const data = {
title: this.state.title,
description: this.state.description,
background: this.state.background,
};
axios.post('http://localhost:5000/api/Boards', { data })
.then(res => {
console.log(data);
})
}
<div className="form-group form-button">
<button
type="submit"
onClick={(e) => this.handleSubmit }
style={{
backgroundColor: "#A5D5AB"
}}
>
<p
href="board"
style={{
color: "#393B39"
}}
>CREATE
</p>
</button>
</div>