react apple emojis

反応-リンゴ-絵文字

画像としての React 用の Apple 絵文字。

パッケージには絵文字の完全なリストが含まれています。ビルドを軽量化したい場合は、独自のリストを使用し、ツリーシェイキングを使用してバンドル サイズを減らすことができます。

インストール

 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 を渡します。

名前の完全なリストは Emojipedia でご覧いただけます。絵文字をクリックし、ブラウザの 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 >
  )
} 

貢献する

はい、ありがとうございます。

ライセンス

マサチューセッツ工科大学