Блог

Я использую react-select для выпадающего списка с несколькими вариантами выбора. По умолчанию react-select отображает метки внутри входных данных. Я хотел бы заменить этот ввод простой кнопкой (без каких-либо меток или чего-либо необычного…просто простая кнопка). При нажатии на кнопку появится выпадающий список.

Я не могу найти, как изменить входные данные.

Вот мой выбор по умолчанию:

 import React, { Component } from 'react'
import Select from 'react-select'

const options = [
  { value: 'chocolate', label: 'Chocolate' },
  { value: 'strawberry', label: 'Strawberry' },
  { value: 'vanilla', label: 'Vanilla' }
]

const MyComponent = () => (
  <Select options={options} isMulti />
)