reactjs - 在 react 中将 preventDefault 与自定义 Hook 一起使用

Question

我是 React 开发新手。我正在尝试增强我使用 Hook 所做的表单教程。我重构了代码，使输入和按钮都是一个单独的组件。我还重构了 Hook ，以便每个 Hook 都在一个单独的文件中。我遇到的问题是 useSubmitted 自定义 Hook (hooks/useSubmitted.js) 文件中的 handleSubmit 方法。我一直收到错误 TypeError: event.preventDefault is not a function。我曾尝试修复它，也在 Google 中寻找解决方案，但无济于事。

Here is the link

如有任何帮助，我们将不胜感激。

谢谢

Answer 1

handleSubmit 需要类型为event 的参数，你给它submitted 类型为boolean。您可以从

获取 event.preventDefault() 类型

<form onSubmit={handleSubmit} />

或

<form onSubmit={(event) => handleSubmit(event)} />