Как использовать стандартный текстовый стиль пользовательского интерфейса вместо контуров

#reactjs #material-ui #react-select

Вопрос:

Как изменить стиль react-select из контура на стандартный с точки зрения материала -выбор текстового поля пользовательского интерфейса

Текущий стиль выбора реакции

введите описание изображения здесь

Какой стиль я хочу

введите описание изображения здесь

Как я могу это сделать

Ответ №1:

Вы можете передать объект пользовательских стилей в Select

   const customStyles = {
  control: () => ({
    // none of react-select's styles are passed to <Control />
   
    borderBottom: "1px solid black"
  })
};

export default function App() {
  return <Select placeholder="something else" styles={customStyles}  />;
}
 

https://react-select.com/home#custom-styles

Комментарии:

1. как мне изменить ярлык с select на что-то другое

2. Добавьте реквизит-заполнитель, я отредактировал свой ответ