无法让 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 中的受控和不受控组件有关。