Как скрыть опцию в реагировать на выбор - PullRequest
Новая
       6

Как скрыть опцию в реагировать на выбор

0 голосов
/ 30 ноября 2018

В основном у меня есть два выпадающих списка.основываясь на значении, выбранном в одном раскрывающемся списке, я хочу добавить определенные параметры в другое раскрывающееся меню.

Я попытался добавить параметр className к объекту опции вместе с параметрами метки и значения и попытался установить отображение всех опций с указанным выше className равным none, но он не установил для className опции ту, которую яуказано.

[{'label':'x','value':'y',className:'hide'}]
.hide{
display:none
}

1 Ответ

0 голосов
/ 06 декабря 2018

Вы можете сделать это с помощью пользовательской опции, документация для v2 находится здесь: https://react -select.com / components # replacecing-components

Но в вашем случае, я думаю, выследует добавить какое-то значение в список объектов, например:

{label: 'Example', значение: '1234', shouldBeDisplayed: 'false'}

Следующим шагом является настройка пользовательской опции: 

const option = (props: OptionProps<any>) => (
  <div {...props.innerProps}>
    {props.data.shouldBeDisplayed? props.label : null}
  </div>
);

Использование внутри select: 

<Select components={{ Option: option }} ..... />

Надеюсь, это поможет :)

...