首頁(yè) 猿問(wèn) 無(wú)法讓...

無(wú)法讓 e.preventDefault 與 React Typescript 一起使用

JavaScript

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

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

查看完整描述

1 回答

慕慕森

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

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

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

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

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