Estoy tratando de actualizar el estado de mi componente cuando se hace clic en un botón. Sin embargo, cuando solo se hace clic en uno de los botones, mi estado de entrada refleja un objeto con entrada clave pero el valor es una matriz vacía cuando debería ser una matriz de los nombres de los botones. Esto solo sucede cuando selecciono solo uno de los botones.

Aquí está mi función handleClick:

 const [input, setInput] = useState({input: []}); const [arr] = useState([]); const handleClick = async (event) => { event.currentTarget.classList.toggle('selected'); if (arr.includes(event.target.getAttribute('a-key'))) { arr.removeByValue(event.target.getAttribute('a-key')); } else { arr.push(event.target.getAttribute('a-key')); } console.log(arr); setInput({input: arr}); console.log(input); props.setSelected(input); }