how to use curly brackets without it being an expression in react

Question

I need to have something like

<p>{</p>
// code
<p>}</p>

How can i use the curly parenthesis without it erroring and say expression needed? Is there an escape character that i can use? i.e. "\""

Does this answer your question? [Render curly braces as plain text react/jsx](https://stackoverflow.com/questions/46614716/render-curly-braces-as-plain-text-react-jsx) — vsync, Oct 03 '20 at 11:41

score 15 · Accepted Answer · answered Jan 23 '18 at 05:18

15

Well, this is a pretty solution. use the same curly brackets for display curly brackets.

 {'{'} {'}'}

answered Jan 23 '18 at 05:18

Kenry Sanchez

1,703
2
18
24

I thought of that the moment I submitted the question. Thanks! – Strahinja Ajvaz Jan 23 '18 at 05:28
I think using @G4bri3l solution is a good choice. Over this concatenation. – Mahesh Jan 23 '18 at 05:30

score 4 · Answer 2 · answered Jan 23 '18 at 05:23

I know there's already plenty of answers but just for completion, I recommend using semantic HTML, in this case I am talking specifically about the code tag (see docs here):

<code>{`{ hello }`}</code>

You can use the backtick to avoid the use of many single or double quotes.

how to use curly brackets without it being an expression in react

2 Answers2