Как сделать прокручиваемый выбор вариантов прокручиваемым - PullRequest
0 голосов
/ 11 февраля 2019

У меня есть список параметров, отображаемых в реагировать на выбор.Так как этот компонент находится у нижнего края экрана, элементы имеют тенденцию отрезаться от экрана.

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

На рисунке ниже показано, как отображается мой список опций реагирования-выбора.

This is how my react-select options list is displayed

Мой вопрос: как мне составить список?отображается для прокрутки.

Ниже приведен код, который я использовал.

import Select from 'react-select';

const SearchSelect = (props) => {
  const { options, defaultValue, onChange, name, label } = props;
  return (
    <>
      {label && <label htmlFor="search-select">{label}</label>}
      <Select
        options={options}
        defaultValue={defaultValue}
        onChange={onChange}
        name={name}
        id="search-select"
      />
    </>
  );
};

Значения параметров изначально берутся из API и передаются в этот компонент из родительского.

1 Ответ

0 голосов
/ 11 февраля 2019

Вы можете играть с maxMenuHeight опорой, но я думаю, что вы делаете что-то не так.Было бы неплохо, если бы вы поделились кодом

...