Событие Onsubmit не называется после Onclick ⇐ Javascript

[Anonymous]

Это тестовый код. Когда я нажимаю кнопку «Обновление», она вызывает функцию updateitem , а затем функцию HandlesUbmit , но когда я нажимаю кнопку Delete, она вызывает только функцию RemoveItem . Обе кнопки типа = "Отправить" Типы кнопок.

Код: Выделить всё

import React, { useState } from "react";

function MyForm() {
const [items, setItems] = useState([
{ id: 1, name: "item1" },
{ id: 2, name: "item2" },
{ id: 3, name: "item3" },
]);

const removeItem = (id: number) => {
setItems(items.filter((item) => item.id !== id));
};

const updateItem = (id: number) => {
setItems(
items.map((item) => {
if (item.id === id) {
return { ...item, name: "test" };
} else {
return item;
}
})
);
};

const handleSubmit = (event: any) => {
event.preventDefault();
console.log("submit");
};

return (

[list]
{items.map((item) => (
[*]
{item.name}
 removeItem(item.id)}>
Remove

 updateItem(item.id)}>
Update


))}
[/list]

);
}

export default MyForm;

Я ожидаю, что вызов кнопки Delete onclick , а затем отправьте событие, например, кнопку обновления.

Подробнее здесь: https://stackoverflow.com/questions/796 ... er-onclick