React-Select：如何在将 HTML 传递给选项中的标签值时保持搜索能力

我有一个可搜索的反应选择字段，我将 HTML 传递到label价值。搜索在添加 HTML 之前有效，但在添加 HTML 之后，可以理解的是，它不再有效。在将 HTML 传递给标签时，我可以做一些具体的事情来修复可搜索性吗？

我原来的问题（你能将 HTML 传递给标签吗）的答案已由这篇文章回答：React-Select 转义 html 字符 https://stackoverflow.com/questions/49322522/react-select-escapes-html-chars/57163802#57163802

  [
    { value: 'foo', label: <span dangerouslySetInnerHTML={{ __html: 'bar &amp; foo' }} /> },
  ]

如果你查看react-select的GitHub代码：https://github.com/JedWatson/react-select/blob/79c9e9deedaa57885d30aa8f19d1892d39e4d236/packages/react-select/src/types.js#L118 https://github.com/JedWatson/react-select/blob/79c9e9deedaa57885d30aa8f19d1892d39e4d236/packages/react-select/src/types.js#L118

您将看到该标签仅支持字符串。我认为你需要使用这个功能formatOptionLabel

<Select
    multi={true}
    options={this.state.options}
    onChange={this.handleOnChange.bind(this)}
    value={this.state.multiValue}
    formatOptionLabel={function(data) {
        return (
            <span dangerouslySetInnerHTML={{ __html: data.label }} />
        );
    }}
    isSearchable={true}
    placeholder="eee"
/>