如何在 React JSX 中使用“< >”

Question

How can I use the < and > as text in React? I am trying to use it for my portfolio?

Answer 1

You would need to use HTML entities

Reserved characters in HTML must be replaced with character entities.

Result	Description	Entity Name	Entity Number
<	less than	&lt;	&#60;
>	greater than	&gt;	&#62;

HTML

<div className="left-column">&lt;Lorenzo Codes

Answer 2

You could do something like:

<div className="left-column">{'<Lorenzo Codes'}

Answer 3

<div>{"<"} {">"} </div>