Reaction-select: Как я могу использовать опцию optionRenderer с компонентом Async? - PullRequest
Новая
       12

Reaction-select: Как я могу использовать опцию optionRenderer с компонентом Async?

0 голосов
/ 14 мая 2018

Я использую реагирование-выбор, чтобы создать поле выбора, которое геокодирует адрес, а затем предоставляет раскрывающийся список соответствующих областей местного управления, возвращаемых при поиске.

Я просто пытаюсь отформатировать каждый параметртак что показывает состояние напр.Квинсленд после области местного управления, например.Брисбен.

Поэтому я пытаюсь заставить его вернуть что-то вроде: 

Brisbane <small>Queensland</small>

Но в HTML он экранируется и отображает теги.

Похоже,optionRenderer будет работать, но, похоже, он будет доступен только с компонентом Select реактивного выбора, и в настоящее время я использую Async, потому что хочу дождаться геокодированной широты и долготы из Mapbox.

Кто-нибудь знает способпараметры форматирования при использовании компонента <Async />?

1 Ответ

0 голосов
/ 15 мая 2018

ОК, поэтому я понял, что я делаю не так. В конце концов, optionRenderer={this.renderOption} опора работала, но я возвращал строку вместо компонента JSX.

Так что, в любом случае, вот мой метод для тех, кто имеет эту проблему в будущем: 

renderOption(option) {
  return <div> {option.label} <small>small</small></div>;
}

Так что мне просто нужно разделить опцию option.label и поместить State между тегами.

...