I was recently trying to comment out some logic inside my JSX to add context about what a potentially complex logic. I then realized that comments in JSX are weird. So, how to write comments in React (JSX)?
You cannot use HTML comments because they are parsed as DOM nodes:
How to write comments in React (JSX)
To write comments in React (JSX), we need to wrap them in curly braces.
Multi-line comments in JSX
In the case of a single-line comment, You cannot have the ending bracket in the same line because that will break everything.