點擊注冊按鈕后我的目標是：
- 將輸入欄位設為空白
- 不顯示錯誤工具提示
這是CodeSandbox上的
這是CodeSandbox上的鏈接
歡迎任何幫助！
uj5u.com熱心網友回復：
我通常不使用不受控制的組件，但我認為您可以通過添加setValidated(false)和event.target.reset()來解決這個問題handleClickTransitionAlert，如下所示：
const handleClickTransitionAlert = (event) => {
setTransitionAlert(true);
setTimeout(() => {
setTransitionAlert(false);
setValidated(false)
event.target.reset()
}, 1700);
};
uj5u.com熱心網友回復：
嘗試在 Bootsrap 表單上重置已驗證的屬性。它應該看起來像這樣（這是偽代碼）：
import React, { useRef, useState } from 'react';
const FormComponent = () => {
const [validated, setValidated] = useState(false);
const formRef = useRef(null);
const handleReset = () => {
formRef.current.reset();
setValidated(false);
};
const handleSubmit = () => {
// Do stuff here
// On success or error:
setValidated(true);
handleReset();
}
return(
<Form ref={formRef} validated={validated} onSubmit={handleSubmit}>
// your form inputs
</Form>
);
export default FormComponent;
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/411661.html
標籤：
上一篇：模態不會消失