/

React 中如何使已勾選的複選框可編輯

React 中如何使已勾選的複選框可編輯

在 React 中如何添加一個預設為已勾選狀態但仍然可以編輯的複選框

我在一個 React 組件中有一個複選框:

1
<input name="enable" type="checkbox" />

我希望它默認為已勾選狀態,但用戶仍然可以更改其值。

使用以下方式無法達到目標:

1
<input name="enable" type="checkbox" checked="checked" />

複選框的狀態無法被改變。

解決方法是使用 defaultChecked 屬性:

1
<input name="enable" type="checkbox" defaultChecked={true} />

如果複選框的狀態取決於某個變量的值(例如在編輯表單中,從數據庫中獲取實際值),則可以使用以下方式:

1
<input name="enable" type="checkbox" defaultChecked={existing\_enable\_value} />

tags: [“React”, “checkbox”, “defaultChecked”, “狀態管理”]