Jak ukryć element?

0

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();

  }
0

Nie. Widziałam kilka nietypowych zachowań Reacta, ale nie przypuszczałam, że to prawie standard.
A poza tym wypróbowałam forceUpdate, co do którego sądziłam, że wymusza ponowny render.
Po byku ten React.

0

A, żeby mi nie uleciało : DZIĘKI :)

1 użytkowników online, w tym zalogowanych: 0, gości: 1, botów: 0