仅使用文本搜索忽略ANTD SELECT组件中的表情符号

Question

我有ANTD的选择组件，其中选项标签不是文本。选项标签具有文字以及表情符号。现在，如果用户想搜索特定的文本，则选择组件将无法搜索具有表情符号的文本。

我想拥有的是用户应该搜索忽略表情符号的特定文本。

import React from 'react';
import 'antd/dist/antd.css';
import './index.css';
import { Select } from 'antd';
const { Option } = Select;

const App = () => (
  <Select
    showSearch
    style={{
      width: 200,
    }}
    placeholder="Search to Select"
    optionFilterProp="children"
    filterOption={(input, option) => option.children.includes(input)}
  >
    <Option value="1"><span>
              

Answer 1

这里只需使用tolowercase（）字符串函数它的工作我刚刚更新了请检查 codesandbox链接

import React from "react";

import "antd/dist/antd.css";

import "./index.css";

import { Select } from "antd";

const { Option } = Select;

const onHandleSearch = (input, option) => {

  let optionChildren = option.children.filter(

    (item) => typeof item === "string"

  );

  return optionChildren[0].toLowerCase().includes(input.toLowerCase());

};
const App = () => (

  <Select

    showSearch

    style={{

      width: 200

    }}

    placeholder="Search to Select"

    optionFilterProp="children"

    filterOption={(input, option) => onHandleSearch(input, option)}

  >

    <Option value="1">

      <span>