Warunkowe renderowanie komponentów

Dzień dobry,
jak w React JS zrobić coś takiego.

Mam: (div id="srodek") i teraz chcę aby po kliknięciu w rożne przyciski pojawiały się różne komponenty w divie o nazwie środek. Chodzi dokładnie oto że klikając w taki przycisk poprzedni komponent zostaje zastąpiony nowym.
Pozdrawiam,
Łukasz

Dzień dobry Łukasz,

Ja bym sobie trzymał tablicę tych elementów gdzieś w stanie.
Klikanie modyfikuje listę jakkolwiek chcesz.
W render() po prostu robisz array.map(element => <div>sth</div>)
Pamiętaj o tym, że taki element musi mieć unikalny reactowy key, w sumie tak samo powinno być z id w DOM

Pozdrawiam,
Węzeł produkcyjnego serwera

const ktoryKomponent = "one";

return <>
  {ktoryKomponent == "one" && <First/>}
  {ktoryKomponent == "two" && <Second/>}
  {ktoryKomponent == "three" && <Third/>}
<>;