Прошу помощи. Я нигде не смогла найти ответа, неужели никто с этим не сталкивался. У меня не получается передать данные динамической формы в axios. С помощью структуры, которую я привела ниже, записывается только последний элемент формы, а не все:
const handleSubmit = async(e) => {
e.preventDefault();
console.log("InputFields", inputFields);
let formField = new FormData();
const values = [...inputFields];
{inputFields.map((inputField, index) => (
// formField.append('id', index),
formField.append('name_work', values[index]["name_work"]),
formField.append('release_dates', values[index]["release_dates"]),
formField.append('due_dates', values[index]["due_dates"])
))};
await axios({
method: 'post',
url: 'http://localhost:8000/work/',
data: formField
}).then((response) => {
console.log(response.data);
navigate('/works', {replace: true});
})
};
Хоть я и присваиваю это все в массиве. Метод handleSubmit реагирует на нажатие кнопки "Отправить форму". Также у меня есть метод handleChangeInput(его код приведу ниже), однако если я меняю в axios data на values(data: values), где values хранит в себе все значения динамической формы, то ничего все равно не отправляется, хотя должно!! Я не понимаю почему у меня ничего не выходит. Помогите. Прошу.
Метод handleChangeInput:
const handleChangeInput = (index, event) => {
event.preventDefault();
// console.log(index, event.target.name)
const values = [...inputFields];
values[index][event.target.name] = event.target.value;
setInputFields(values);
}
Массив inputFields:
const [inputFields, setInputFields] = useState([
{ name_work: '', release_dates: '', due_dates: '' },
]);