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”, “狀態管理”]