我試圖找到一種方法，僅當特定輸入欄位仍為空時才禁用按鈕。我的意思是該程序只需要很少的輸入欄位，有些只是可選的。
我參加的課程向我們展示了如何禁用按鈕直到每個輸入都有效，所以我不確定該怎么做。
這是我的代碼，我希望僅當日期為空時才禁用按鈕。
<form className="place-form" onSubmit={placeSubmitHandler}>
<Input
id="date"
element="input"
type="date"
label="Date"
validators={[VALIDATOR_REQUIRE()]}
errorText=""
onInput={inputHandler}
/>
<Input
id="description"
element="textarea"
label="description"
validators={[VALIDATOR_MINLENGTH(5)]}
errorText=""
onInput={inputHandler}
/>
<Button type="submit" disabled={ formState.isValid }>
Sumbit
</Button>
</form>
uj5u.com熱心網友回復：
你需要在Not sign like !之前formState.isValid
<Button type="submit" disabled={ !formState.isValid }>
Sumbit
</Button>
我已經準備了一個使用react-hook-form. 你可以在這里檢查：
作業演示
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/381934.html
標籤：javascript html 反应 按钮 禁用
上一篇：將每行顯示的按鈕限制為10個
下一篇：如何禁用此組件末尾的按鈕？