Mam wyszukiwane pole wyboru, gdzie przekazuję HTML w wartości label. Wyszukiwanie prac przed dodaniem HTML, ale po i zrozumiałe, nie działa już. Czy mogę coś zrobić, aby naprawić wyszukiwanie podczas przechodzenia HTML na etykietę?

Odpowiedź na moje pierwotne pytanie (możesz przejść HTML na etykietę) Odpowiedzi na ten post: Reaction-Select Escapes HTML Chars

  [
    { value: 'foo', label: <span dangerouslySetInnerHTML={{ __html: 'bar &amp; foo' }} /> },
  ]
1
Vim Diesel 27 lipiec 2020, 21:27

1 odpowiedź

Najlepsza odpowiedź

Jeśli spojrzysz na kod Githuba do reakcji: https://github.com/jedwatson/reaget-select/blob/79C9C9E9DEEDAA578885D30AA8F19D1892D39E4D236/Package/reaget-select/src/types.js#l118

Zobaczysz, że etykieta obsługuje tylko ciąg. Myślę, że musisz użyć tej funkcji 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"
/>


2
Vim Diesel 28 lipiec 2020, 13:48