制御しないcheckboxの警告が出ないようにしたい
Notion APIから取得したデータでチェックボックスを作っているのですが、このチェックボックスは閲覧者からは変更不可で、記事内に「今、ここまで完了しました」といった表現の際に使用したいです。
return (
<>
<label>
<input type='checkbox' checked={value.checked} />
タスク
</label>
<br />
</>
)
ただ、以下のような警告が出てしまいます。
この警告をうまく回避する方法はありますか?
Warning:
A component is changing an uncontrolled input to be controlled.
This is likely caused by the value changing from undefined to a defined value,
which should not happen.
Decide between using a controlled or uncontrolled input element for the lifetime of the component.
More info: https://reactjs.org/link/controlled-components
0