react apple emojis

反应苹果表情符号

React 的 Apple 表情符号作为图像。

该软件包中包含完整的表情符号列表。如果您希望构建更轻，您可以使用自己的列表并使用 tree-shaking 来减小包的大小。

安装

 npm install --save react-apple-emojis

或者

 yarn add react-apple-emojis

用法

 import { EmojiProvider , Emoji } from "react-apple-emojis"
import emojiData from "react-apple-emojis/src/data.json"

function App ( ) {
  return (
    < EmojiProvider data = { emojiData } >
      < Emoji name = "red-heart" / >
      < Emoji name = "smiling-face-with-hearts" width = { 16 } / >
    < / EmojiProvider >
  )
}

Emoji组件呈现为img标签。因此，传递您通常传递给img任何 prop。

完整的名字列表可以在表情符号百科上找到。只需单击表情符号并查看浏览器的 URL 即可找到其名称。

依赖Emojipedia的CDN，不建议在大流量页面使用。要使用您自己的 CDN：

 import { EmojiProvider , Emoji } from "react-apple-emojis"
import emojiData from "./emoji-data.json" // <-- Your own data

function App ( ) {
  return (
    < EmojiProvider data = { emojiData } >
      < Emoji name = "red-heart" / >
      < Emoji name = "smiling-face-with-hearts" width = { 16 } / >
    < / EmojiProvider >
  )
} 

贡献

是的，谢谢。

执照

麻省理工学院