无法在nextjs 13中从表单调用onsubmit

q43xntqr  于 12个月前  发布在  其他
关注(0)|答案(1)|浏览(107)

我有一个简单的nextJS 13应用程序,需要将一些数据发布到外部API(将其视为联系人表单),但无论我做了什么,我都无法调用WebSubmit方法。

My Node Version : v16.13.1
    "autoprefixer": "10.4.16",
    "eslint": "8.49.0",
    "eslint-config-next": "13.5.2",
    "next": "^13.5.4",
    "postcss": "8.4.30",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "tailwindcss": "3.3.3"

个字符
以下是我尝试做的事情:
移除的双列直插方法
我尝试在onsubmit内部调用内联方法来查看结果
已删除.下一个文件夹
我希望从API成功调用post方法来插入到数据库。

db2dz4w8

db2dz4w81#

我相信问题出在这里

const newItem = { title }

字符串
没有任何地方引用标题,所以它在这里失败,而不是在你的API调用中。
你需要在一个像这样的状态变量中使用declare your title

const [title, setTitle] = useState("");

相关问题