Best practices for using Emojis in your react app You can create an Emoji.jsx component
import React from 'react'; const Emoji = props => ( <span className="emoji" role="img" aria-label={props.label ? props.label : ""} aria-hidden={props.label ? "false" : "true"} style={{ fontWeight: "100", fontFamily: "Emojione, Noto, Twemoji, Symbola"}} > {props.symbol} </span> ); export default Emoji;
`` and call it Like this on any component
``
import Emoji from '../Emoji/Emoji'; <Emoji symbol="πΆπΏββοΈ" label="man" role="img"/>
Are you sure you want to hide this comment? It will become hidden in your post, but will still be visible via the comment's permalink.
Hide child comments as well
Confirm
For further actions, you may consider blocking this person and/or reporting abuse
We're a place where coders share, stay up-to-date and grow their careers.
Best practices for using Emojis in your react app
You can create an Emoji.jsx component
``
and call it Like this on any component
``
``