チェックボックスのチェックされた値を取得して配列に保存しようとしています。 私は試してみました:

arr.push(setNewItem(checked)) arr.push(e.target.value.checked) arr.push(items.checked)

しかし、これらは間違った型または未定義の値を返します。

const [checkedItems, setCheckedItems] = useState([]); const handleChange = (e) => { if (e.target.checked) { var arr = [...checkedItems]; //arr.push(setNewItem(e.target.value.checked)); setCheckedItems(arr); コンソール.ログ(arr); } それ以外 { selectedItems = ""; } setIsChecked((現在) => !現在); };

return ( 
 <スタイルフォーム> <スタイル入力 type="テキスト" placeholder=「追加」 値={新しいアイテム} onChange={(e) => setNewItem(e.target.value)} onKeyPress={handleOnKeyPress} />  addItem()}>追加 <スタイルウル> {items.map((アイテム) => { 戻る （  <スタイルチェックボックス type="チェックボックス" 値={チェック済み} onChange={ハンドル変更} /> {アイテム.値} {""}  deleteItem(item.id)}> バツ   ); })}   
 );