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 >
  )
} 

貢獻

是的，謝謝。

執照

麻省理工學院