我正在使用React和MUI構建表單。我想防止在用戶按下回車鍵時提交表單。通常我會用 來做到這一點e.preventDefault()，但不知何故這不起作用。我認為這與TextFieldMUI的組件有關。
這是我的表單的一個簡單示例，這里是
function MyForm() {
return (
<form onSubmit={(e) => {
e.preventDefault()
/* do submit stuff here */
}}>
<TextField id="outlined-basic" label="Outlined" variant="outlined" />
<Button type='submit'>Submit</Button>
</form>
);
}
我在這里做錯了嗎？
uj5u.com熱心網友回復：
表單的 onSubmit 中的 preventDefault 函式，防止頁面被重新加載，基本上你需要在 textfield 內撰寫另一個 preventDefault 如下：
<TextField
onKeyPress={e => e.key === 'Enter' && e.preventDefault()}
/>
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/378909.html
標籤：javascript 反应 形式 材质-ui