Changing component on mouse click

[toxic summit]

Im looking for a way to change the component from the first one to the second one when I click on it, what do I use?

[onyx plover]

Post created!

🔎 This post has been indexed in our web forum and will be seen by search engines so other users can find it outside Discord

🕵️ Your user profile is private by default and won't be visible to users outside Discord, if you want to be visible in the web forum you can add the "Public Profile" role in id:customize

✅ You can mark a message as the answer for your post with Right click -> Apps -> Mark Solution
(if you don't see the option, try refreshing Discord with Ctrl + R)

[toxic summit]

I'm building a project where this has to be done for many components so I'm looking for what I should learn to achieve this throughout multiple components

[autumn kayak]

make only one component and use it throughout the application

[toxic summit]

yes but the part where it switches from one to another

?

[autumn kayak]

the yellow is also a div

[toxic summit]

I was wondering what I can do to "load" the second div, another component

[autumn kayak]

a state, set it to false by default and set it to true on click and then render the red div

[toxic summit]

which docs should I read for details on how to achieve this?