How to include ASCII code symbol in React

Question

Is there any way I can include an icon using ASCII code in React. I have done this in HTML and it works just fine, but when thing comes to React it just renders the whole string code

<div class="page-btn">
    <span>1</span>
    <span>2</span>
    <span>3</span>
    <span>4</span>
    <span>&#8594</span> //in html this is a right arrow, in React this is just a plain code
</div>

Neetigya Chahar · Accepted Answer · 2021-07-31 08:49:54Z

2

Please use the ending semi-colon ; for the hex code to get rendered.

example: →

See CodeSandbox example: Click here

answered Jul 31, 2021 at 8:49

Neetigya Chahar

6936 silver badges17 bronze badges

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

Comments

selbie · Accepted Answer · 2021-07-31 17:00:02Z

2

Inline a string using javascript unicode escapes. Right arrow is 2192 in Unicode hex. (0x2192 == decimal 8594)

<span>{"\u2192"}</span>

edited Jul 31, 2021 at 17:00

answered Jul 31, 2021 at 8:49

selbie

105k15 gold badges109 silver badges187 bronze badges

Collectives™ on Stack Overflow

How to include ASCII code symbol in React

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related