如何最好地设置 twemoji 图标组件？

Alexander · 2023 年6 月 30 日 17:57

您链接的页面似乎使用了 emojibase 来获取“emoji map”（包含 Unicode、名称等），也许您可以使用类似的东西？

components/SearchBox.jsx

main

import { useEffect, useState } from "react";
import css from "./SearchBox.module.scss";
import Fuse from "fuse.js";

export default function SearchBox({ setAvailabeEmojis, emojis }) {
    const fuse = new Fuse(emojis, {
        threshold: 0.1,
        keys: ["label", "tags", "emoji", "hexcode", "emoticon"],
    });

    const [query, setQuery] = useState("");

    function handleSearch(query) {
        if (query == "") {
            setAvailabeEmojis(emojis);
            return;
        }
        let results = fuse.search(query);
        let flatResults = Object.keys(results).reduce(function (r, k) {
            return r.concat(results[k].item);

This file has been truncated. show original

顺便说一句，它看起来很棒

话题		回复	浏览量
Twemoji Icons Theme component	4	840	2023 年7 月 20 日
New Emoji picker feedback Announcements new-feature	41	5843	2017 年10 月 15 日
Emoji selector and custom Emoji Feature emoji , rfc , spec	35	19691	2015 年3 月 3 日
Convert Unicode standard emojis to selected emoji set Feature	2	2260	2015 年7 月 14 日
Emojis update Announcements emoji	58	1723	2025 年11 月 30 日

如何最好地设置 twemoji 图标组件？

相关话题