typescript 输入值更改时如何提交表单

mbjcgjjk 于 2023-06-07 发布在 TypeScript

关注(0)|答案(1)|浏览(210)

我有一个表单，它有一个onSubmit，我想在用户每次更改输入字段中的值时运行这个函数，所以我在表单上附加了这个小函数

onChange={() => {
         formRef.current?.submit();
       }}

我的问题是，现在当我在输入中更改值时，即使我在onSubmit上有e.preventDefault();，页面也会刷新

onSubmit={(e) => {
          e.preventDefault();
    ...

谢谢你的阅读。

1条答案

我以前也有这个问题。我为事件参数添加了特定的类型，这解决了目前为止的问题。我不明白为什么你要对每个更改执行onSubmit。就我个人而言，如果元素失去焦点，我会运行onSubmit，但为了回答你的问题：
将onSubmit函数替换为：

onSubmit=((e: React.FormEvent<HTMLInputElement>): void => {
  e.preventDefault();
  // ...
})