Recientemente, experimenté un error extraño relacionado con la función ReactJS OnChange y OnClick. Aquí está mi código

 removeHandler(e) { var targetValue = e.target.getAttribute("value"); var answerNodes = document.getElementsByClassName("answer__container"); for (var answerNode in answerNodes) { if (answerNodes.hasOwnProperty(answerNode)) { if (answerNode === targetValue) { answerNodes[answerNode].remove(); } } } } onChangeAnswers(e) { var answerNodes = document.getElementsByClassName("answer"); var result = Array.from(answerNodes).map((answer) => { return answer.value; }); this.setState({ answers: result }); console.log(this.state.answers); }

La interfaz

En particular, cuando hago clic en los botones Eliminar, la respuesta se eliminará, pero después de eso, si hago clic en la entrada de respuesta y presiono cualquier tecla, la respuesta desaparecerá nuevamente. ¿Alguien puede ayudarme a resolver este problema? ¡Gracias por adelantado!