Я не могу найти в документации, как использовать optionRenderer
prop сact-select asyn c (Select.Asyn c)
вот вопрос на который уже ответили, но renderOptions
вообще не вызывается
вот мой фрагмент моего кода:
renderOption = (option) => {
return (
<div>
// for example:
{option.label}: {option.value}
</div>
)
}
<Select.Async
placeholder={placeholder}
loadOptions={(inputValue) => this.asyncLoadOptions(inputValue)}
isClearable
onChange={(value, e) => {
this.onDropDownFilterChange(value, e)
}}
onMenuScrollToBottom={this.fetchDropDownNextPage}
defaultOptions={defaultOptions}
defaultValue={defaultValue}
styles={this.props.hasError ? customStyles : undefined}
optionRenderer={this.renderOption}
/>
Здесь я хочу сохранить функциональность и стили для каждый элемент dropDown как есть (например, onMouseOver и т. д.) Я просто хочу отформатировать, как элементы отображаются в списке, так что это правильный способ сделать это? или нет другого выбора, кроме использования components
prop.
Мне удалось добиться правильного форматирования с помощью components
prop, но я потерял стили и все события мыши.