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

기여

네, 감사합니다.

특허

MIT