can't have '<' inside a paragraph in react.js

Question

I have a <p> which has a text containing a '<' sign, and the code editor is giving me this error:

Unexpected token. Did you mean {'>'} or >?

the code is like:

...
<p>
some text some text some text < and some text some text
</p>
...

how can I have this sign '<' in the text inside <p> ?

Replace < with `<`? These are reserved characters in html and there's no direct way of writing these in html but to use entities. — painotpi, Nov 23 '20 at 05:47
@painotpi thank you so much, I didn't know that the '<' is equivalent for '<' — sima ghoreyshi, Nov 23 '20 at 05:58

score 1 · Accepted Answer · answered Nov 23 '20 at 05:56

1

You can use < for '<' symbol and > for '>'

Please look at https://www.w3schools.com/html/html_symbols.asp for more details.

answered Nov 23 '20 at 05:56

Sapna Dhalor

86
1
8

Pedro Henrique · Answer 2 · 2020-11-23T17:15:35.893

1

If you're trying to display < as text inside html (or jsx that will turn into html), you can't just type special char. Instead, use '<' for '<' and '>' for '>'. For more information check this: https://www.rapidtables.com/web/html/html-codes.html

edited Nov 23 '20 at 17:15

answered Nov 23 '20 at 06:00

Pedro Henrique

181
3
11

putting the sign inside quotes didn't solve the problem, but the website is very useful, thank you so much – sima ghoreyshi Nov 23 '20 at 06:05
I'm sorry, the stackoverflow text editor changed the code to the character. Fixed it – Pedro Henrique Nov 23 '20 at 17:14

can't have '<' inside a paragraph in react.js

2 Answers2