首頁猿問無法讓...

無法讓 e.preventDefault 與 React Typescript 一起使用

JavaScript

炎炎設(shè)計(jì) 2023-11-12 22:25:54

我有一個組件，如下所示：const App = (): ReactElement => { const submitFeedbackHandler = (e: FormEvent): void => { e.preventDefault(); // ... } return <> <form onSubmit={submitFeedbackHandler}> // ... <button type='submit'>Submit</button> </form> </>}問題是，無論我如何嘗試從中調(diào)用它都不起作用。我試過了，但也沒有運(yùn)氣。我怎樣才能讓它工作，這樣我才能做到？submitFeedbackHandleronSubmitonSubmit={(e) => submitFeedbackHandler(e)}e.preventDefault()

查看完整描述

1 回答

慕慕森

TA貢獻(xiàn)1856條經(jīng)驗(yàn) 獲得超17個贊

這可能會讓像我這樣沒有經(jīng)驗(yàn)的 React 開發(fā)人員頭疼，所以這是問題的答案：

我已將標(biāo)簽添加到表單中的一些輸入中。奇怪的是，這完全停止了被調(diào)用。即使簡單地調(diào)用也不起作用，所以我從表單中的輸入中刪除了所有必需的標(biāo)簽，現(xiàn)在工作正常。在這種情況下，我將自己對空字段進(jìn)行驗(yàn)證，而不是依賴輸入上的必需標(biāo)記。requiredonSubmitonSubmit = {() => console.log('onSubmit!')}

我認(rèn)為這與 React 中的受控和不受控組件有關(guān)。

反對回復(fù) 2023-11-12