Реагировать на выбор встроенных опций

Question

Я использую реагирование-выбор, и мне было интересно, как я могу использовать optionRenderer для отображения своих параметров в строке. Смотрите картинку ниже:

# реагировать-выберите

Answer 1

Вы можете использовать JSX внутри опции метки

const options = [
  { 
    label: <div className="label-item">ORA</div>, 
    value="ORA" 
  }, ....
]

Затем изменить класс реакции-выбора, чтобы настроить его (возможно, использовать стилевые компоненты)

import 'styled' from 'styled-component'
import 'select' from 'react-select'
const StyleSelect = styled(select).`
  .select {
    .select-control { ... } 
  }
`

Просто использовать StyleSelectкак обычно select