无法让 e.preventDefault 与 React Typescript 一起使用

Question

我有一个组件，如下所示：const App = (): ReactElement => {        const submitFeedbackHandler = (e: FormEvent): void => {        e.preventDefault();        // ...    }    return <>        <form onSubmit={submitFeedbackHandler}>            // ...            <button type='submit'>Submit</button>        </form>    </>}问题是，无论我如何尝试从中调用它都不起作用。我试过了，但也没有运气。我怎样才能让它工作，这样我才能做到？submitFeedbackHandleronSubmitonSubmit={(e) => submitFeedbackHandler(e)}e.preventDefault()

Answer 1

这可能会让像我这样没有经验的 React 开发人员头疼，所以这是问题的答案：

我已将标签添加到表单中的一些输入中。奇怪的是，这完全停止了被调用。即使简单地调用也不起作用，所以我从表单中的输入中删除了所有必需的标签，现在工作正常。在这种情况下，我将自己对空字段进行验证，而不是依赖输入上的必需标记。requiredonSubmitonSubmit = {() => console.log('onSubmit!')}

我认为这与 React 中的受控和不受控组件有关。