react apple emojis

React-Apple-Emojis

Apple-Emojis für React as Images.

Das Paket enthält eine vollständige Liste der Emojis. Wenn Ihr Build leichter sein soll, können Sie Ihre eigene Liste verwenden und Tree-Shaking verwenden, um Ihre Bundle-Größe zu reduzieren.

Installation

 npm install --save react-apple-emojis

oder

 yarn add react-apple-emojis

Verwendung

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

Die Emoji Komponente wird in ein img -Tag gerendert. Übergeben Sie also alle Requisiten, die Sie normalerweise an ein img übergeben würden.

Die vollständige Namensliste finden Sie auf Emojipedia. Klicken Sie einfach auf ein Emoji und sehen Sie sich die URL des Browsers an, um seinen Namen zu finden.

Verlässt sich auf das CDN von Emojipedia. Von der Verwendung auf stark frequentierten Seiten wird abgeraten. So verwenden Sie Ihr eigenes 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 >
  )
} 

Mitwirken

Ja, danke.

Lizenz

MIT