表情符号集市仅显示主题标签表情符号

Question

当我将设置更改为除本机以外的任何内容时，表情符号集市选择器仅显示主题标签，我目前在反应打字稿中使用它。

<div className="picker">
  <AppComponent.EmojiPicker
    set="twitter"
    emojiButtonColors={["#364157"]}
    emojiButtonRadius="8px"
    skinTonePosition="search"         
  />
</div>

这是正在发生的事情的图像

import React, { useEffect, useRef } from "react";

import data from "@emoji-mart/data";
import { Picker, PickerProps } from "emoji-mart";

const EmojiPicker = (props: PickerProps | Readonly<PickerProps> | any) => {
    const ref = useRef() as React.MutableRefObject<HTMLInputElement>;

    useEffect(() => {
        new Picker({ ...props, data, ref });
    }, [props]);

    return <div ref={ref} />;
};

export default EmojiPicker;

另外，我不确定如何使用表情符号组件来显示单个表情符号，如果您也能帮助我，我将不胜感激，非常感谢！

Answer 1

您必须像这样导入 Twitter 数据 -

import data from '@emoji-mart/data/sets/14/twitter.json'

检查 - https://github.com/missive/emoji-mart/issues/611#issuecomment-1148673219