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 — vsync
– vsync, Commented Oct 3, 2020 at 11:41

Kenry Sanchez · Accepted Answer · 2018-01-23 05:18:51Z

17

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

 {'{'} {'}'}

answered Jan 23, 2018 at 5:18

Kenry Sanchez

1,7432 gold badges19 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Strahinja Ajvaz Over a year ago

I thought of that the moment I submitted the question. Thanks!

Mahesh Over a year ago

I think using @G4bri3l solution is a good choice. Over this concatenation.

G4bri3l · Accepted Answer · 2018-01-23 05:23:13Z

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.

Collectives™ on Stack Overflow

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

2 Answers 2

2 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Linked

Related