Saya memiliki kotak centang yang saya ingin nilainya dikeluarkan sebagai array, hanya nilai yang benar. Masalah saya adalah hanya mengeluarkan nilai benar dan salah. Saya ingin menampilkan name bahwa nilainya benar sebagai array

Tolong periksa kode dan kotak saya di sini KLIK DI SINI

  const handleChange = (event) => {
    setCheckedItems({
      ...checkedItems,
      [event.target.name]: event.target.checked
    });
  };
  console.log(Object.values(checkedItems));

OUTPUT SAMPEL YANG DIHARAPKAN

['check-box-1', 'check-box-2']
0
Joseph 13 Mei 2021, 08:04

1 menjawab

Jawaban Terbaik

Masalahnya adalah Anda hanya mencatat nilai: console.log(Object.values(checkedItems)); bukan status sebenarnya.

Untuk melihat status sebenarnya, log Anda seharusnya console.log(checkedItems);.

Untuk melihat hasil yang diinginkan hanya dengan nama, log Anda harus console.log(Object.keys(checkedItems));

Untuk mendapatkan kunci dari hanya item yang dicentang:

console.log(Object.keys(checkedItems).filter(key => checkedItems[key]));

Edit Multiple Checkbox React Hooks (forked)

0
T J 13 Mei 2021, 07:05