import React, { Component } from 'react';
import { render } from 'react-dom';

const Emoji = props => (
className="emoji"
role="img"
aria-label={props.label ? props.label : ""}
aria-hidden={props.label ? "false" : "true"}
>
{props.symbol}

)

class ReactComponent extends Component {
render() {
return (

How to use emojis in React

Copy & paste: ??

Bad - it renders but throws an ESLint error (check the console)

Unicode escape: {'\u1F411'}

Bad - it works for some emojis (e.g. {'\u2728'}) but will not render our sheep

Using `span`: ??

Better - but a little verbose

Component:

Best - easily reuseable with an aria-label (above), or without:

)
}
}

render(, document.getElementById('root'));

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

Ganesan C5y ago
Hi,

Try below package.

https://github.com/EricPKerr/react-native-emoji#readme
0
Parth Atara5y ago
import React, { Component } from 'react';
import { render } from 'react-dom';

const Emoji = props => (
className="emoji"
role="img"
aria-label={props.label ? props.label : ""}
aria-hidden={props.label ? "false" : "true"}
>
{props.symbol}

)

class ReactComponent extends Component {
render() {
return (

How to use emojis in React

Copy & paste: ??

Bad - it renders but throws an ESLint error (check the console)

Unicode escape: {'\u1F411'}

Bad - it works for some emojis (e.g. {'\u2728'}) but will not render our sheep

Using span: ??

Better - but a little verbose

Component:

Best - easily reuseable with an aria-label (above), or without:

)
}
}

render(, document.getElementById('root'));
0

How can i display emoji in react native

How to use emojis in React

Copy & paste: ??

Unicode escape: {'\u1F411'}

Using span: ??

Component:

Using `span`: ??