Tengo un botón que inicializo como deshabilitado que habilito cuando ocurre otro evento. Pero cuando hago clic en él, no se llama a la función onClick.
<div className='button-parent'> <button id="saveButton" type="button" onClick={updateBill} disabled={true} className="button">Save</button> </div>Tengo el cambio de opacidad cuando está habilitado, así que estoy seguro de que está habilitado cuando trato de presionarlo y no funciona.
Estoy seguro de que la función está bien, ya que cuando agrego onClick al elemento principal, funciona bien.
Use un estado para administrar la condición deshabilitada en lugar de codificarla como verdadera.
const [isDisabled, setIsDisabled] = useState(true) <button id="saveButton" type="button" onClick={updateBill} disabled={isDisabled} className="button">Save</button>Cuando sucede su otro evento y desea habilitarlo simplemente
setIsDisabled(false)Puedes hacer algo como esto:
const [enable, setEnable] = useState(true); <button id="saveButton" type="button" disabled={enable} className="button">Save</button>Puede llamar a la función para actualizar el estado y puede usar lo siguiente para actualizar el estado:
setEnable(!enable).Esto alternará el estado y habilitará o deshabilitará el botón usando el estado anterior.