在 React 中如何添加一個預設為已勾選狀態但仍然可以編輯的複選框
我在一個 React 組件中有一個複選框:
<input name="enable" type="checkbox" />
我希望它默認為已勾選狀態,但用戶仍然可以更改其值。
使用以下方式無法達到目標:
<input name="enable" type="checkbox" checked="checked" />
複選框的狀態無法被改變。
解決方法是使用 defaultChecked
屬性:
<input name="enable" type="checkbox" defaultChecked={true} />
如果複選框的狀態取決於某個變量的值(例如在編輯表單中,從數據庫中獲取實際值),則可以使用以下方式:
<input name="enable" type="checkbox" defaultChecked={existing\_enable\_value} />