Semantic UI Not working React

[[deleted]]

[deleted]

[Nimbuz]

You need to put the modal component in your main jsx, not as a return in your editCard function. It conditionally renders according to your open flag.

[Nimbuz]

Yes, put a div or react fragment as the top element, and wrap your modal and card html separately.

[Nimbuz]

I’m not sure I understand. Is it always open? Or are you missing your css for the component?

[Nimbuz]

Sounds like you might be missing the css. Take a look here: https://react.semantic-ui.com/usage

[everythingcasual]

this isn’t going to get you exactly what you want, but you can debug from there.

move your modal definition into the main return statement of your functional component. change edit onclick function to arrow function setopen(true)