Reactjs 如何使提交按钮工作/作出反应？

所以我有一个小表单，用户写一些消息（“标题”），还有一个按钮提交它

“事件发生”应该在我单击按钮时记录，但事实并非如此

import React，{useState}来自“React”；
从“axios”导入axios；
导出默认值（）=>{
const[title，setTitle]=useState（“”）；
const onSubmit=async（事件）=>{
event.preventDefault（）；
log（“事件发生”）；
等待axios.posthttp://localhost:4000/posts“，{title}）；
片名（“”）；
};
返回(
标题
setTitle（e.target.value）}
className=“表单控件”
/>
提交
);
}

即使没有

type=“submit”

它的工作，代码对我来说也可以正常工作 但您应该在按钮上添加type=“submit”。

---

如果不起作用，那么您可以尝试删除您的package-lock.json并再次执行

npm i

，这可能会使它生效，或者可能会重新启动项目

即使没有

type=“submit”

它的工作，代码对我来说也可以正常工作 但您应该在按钮上添加type=“submit”。

---

如果不起作用，那么您可以尝试删除您的package-lock.json并再次执行

npm i

，或者重新启动项目

只需添加到按钮

**type=“submit”**

提交

只需添加到按钮

**type=“submit”**

提交

您是否尝试过设置按钮的type=“submit”？当前的html默认按钮规范是有一种submit类型。我刚刚添加了type=“submit”，但仍然失败…尝试将onSubmit放在按钮上，或将值更改为defaultValue。您尝试过设置按钮的type=“submit”吗？按钮的当前html默认规范是具有提交类型。我刚刚添加了type=“submit”，但仍然失败…尝试将onSubmit放在按钮上，或将值更改为defaultValue。

<button className="btn btn-primary" type="submit">Submit</button>