Zamiana buttona na formularz, react

Question

Siemka.

Mam pewien problem. W pewnwym miejscu na stronie mam przycisk który po nacisnieciu ma zniknąc a w jego miejscu pojawić się  krótki formularz. Nie wiem niestety jak mogę to zrobić. W App stworzyłem komponent w którym stworzyłem ten 1 button, na jego kliknięcie button ma zniknąć natomiast pojawić się musi formularz.

przeczytałem o czyms takim jak conditional rendering, tylko, że nadal ejst to dość trudne. komponent w ktorym ejst button to oddzielny komponent który renderuje w App z marszu, na początku musi byc tam zwykły button

Jakies porady?

Answer 1

To tak najszybciej i najprościej po prostu ustawić w state tego komponentu jakąś flagę (np. boolean lub string typu "button"|"form") i według tego renderować odpowiedni komponent zwykłym ifem jsx'owym lub switch, jeśli planujesz przyszłościowo, że zmian może być więcej (w sensie więcej możliwości).

Nie bawiłbym się tu w delegowanie tego do reduxa itp., to jest coś, co wg mnie może pozostać w state komponentu.

Answer 2

Tak jak napisał Tomasz. Po naciśnieciu przyciusku ustawić jakąś flage w state. Następnie 

{flaga ? <Formularz / > : <Button />}