React hooks で複数のcheckboxを実装してみる - Qiita

import React, { useState, useEffect } from "react" //checkboxのvalueリスト const checkLists = [ "パン", "おにぎり", "焼き肉", "ラーメン", "たこ焼き", "アイスクリーム", ] //checkboxコンポーネント const CheckBox = ({id, value, checked, onChange}) => { return ( <input id={id} type="checkbox" name="inputNames" checked={checked} onChange={onChange} value={value} /> ) } const CheckBoxList = () => { //checkedItemsは初期値を空のオブジェクトにする const [c