Tengo el un proyecto react y me sale el error:
TypeError: Cannot read property 'classList' of null
Cuando intento agregar una clase aun elemento HTML identificado con un ID
Sinceramente no se que estoy haciendo mal. La idea es que al hacer clic se agrege la clase css sobre el elemento.
Código JavaScript:
function AnimacionAnswers(){
document.getElementById('correcta').classList.add('questionCorrect');
}
Codigo Html y React:
export default function Answers() {
return (
<div className="botones">
<div className="row justify-content-center align-items-center">
<div id="correcta" className="col-6 btn-respuestas" onClick={AnimacionAnswers()}>A. Respuestas</div>
<div className="col-6 btn-respuestas">B. Respuestas</div>
</div>
<div className="row justify-content-center align-items-center">
<div className="col-6 btn-respuestas">C. Respuestas</div>
<div className="col-6 btn-respuestas">D. Respuestas</div>
</div>
</div>
);
}