import { useCallback, useEffect, useState, useRef } from 'react'; const [changeEl, setChangeEl] = useState(false); let chosenInput = useRef(); let result = useRef(); let allCheckboxes = []; const checkHandler = useCallback( async (e) => { const allInputs = document.querySelectorAll('input'); for (const input of allInputs) { if (input.type === 'checkbox') { allCheckboxes.push(input); } } chosenInput.current = e.target; if (chosenInput.current.name === 'notChecked') { chosenInput.current.name = 'checked'; } else { chosenInput.current.name = 'notChecked'; } for (const [i, value] of result.current.entries()) { if ( chosenInput.current.name === 'checked' ) { allCheckboxes[i].disabled = true; console.log(allCheckboxes[i].disabled) //TRUE chosenInput.current.disabled = false; setChangeEl(allCheckboxes[i].disabled); console.log(ChangeEl) //THIS IS STILL FALSE BUT IT IS SUPPOSED TO CHANGE } if (chosenInput.current.name !== 'checked') { allCheckboxes[i].disabled = false; setChangeEl(allCheckboxes[i].disabled); console.log(changeEl) //THIS WORKS } } }, [changeEl, allCheckboxes] );

el cambio El es falso incluso cuando lo configuro en verdadero. Pero es falso cuando lo configuro en falso. Creo que tiene algo que ver con que useState no lo actualice de inmediato, pero no estoy seguro de que lo esté actualizando en absoluto. Si estoy usando useContext para actualizarlo, funciona, pero no quiero hacerlo porque no es necesario. No pude encontrar una respuesta para esto, así que realmente agradecería la ayuda.