Use or similar tags in ReactJS using JSX

Answer 1

In your example, react interprets your code as JSX. You need to use JSX-save coding. The easiest is to include a string literal:

{`
  
`}

Explanation: Parsing your input starts at

 in JSX mode.  The opening bracket { switches the parser into JavaScript mode to include computed values into the output. Now the backquote ` switches the parser into string-parsing mode. This can span multiple lines.  Inside string parsing mode, JSX-special characters <>{} are not special anymore.  But you must escape the two characters that are special inside multi-line strings: The back quote ` and the dollar sign $.


After parsing your coding, the final back quote switches back to JavaScript mode, the following } switches back to JSX mode and 

completes your element.

React will automatically convert your string into safe HTML.