I nie chodzi tu o mały nowotworek. Renderuję sobie guzik w React, ot tak:
<th><btn id= 'AddUserButton' onClick ={this.handleAddUserButtonClick} className='btn btn-outline-success'><i className="fas fa-plus-circle"></i> Add user</btn></th>
który po kliknięciu miałby zniknąć a w jego miejscu pojawiałby się formularz dodawania usera. Ten formularz to temat na później.
I taki handler, który na pewno się uaktywnia - sprawdzone przez console(log).
Tenże handler ma trzy wersje kodu w środku, z których żadna nie powoduje zniknięcia guzika.
Próbowałam też wymuszać re-render przez forceUpdate, próbowałam dodawać ev.preventDefault(). Guzik jak był widoczny tak jest. Podejrzewam, że natychmiast po naciśnięciu wykonywany jest re-render i dlatego odradza się w stanie sprzed kliknięcia ale to tylko domysł.
Jak zrobić, żeby działało???
handleAddUserButtonClick(ev) {
const target= ev.target;
target.classList.add('d-none')
target.classList.toggle('visible')
target.remove();
}