Как отобразить выделенную опцию между обязательной опцией в меню реакции-выбора, а не первой? - PullRequest
Новая
       16

Как отобразить выделенную опцию между обязательной опцией в меню реакции-выбора, а не первой?

0 голосов
/ 20 февраля 2020

Я использую реагировать на выбор года в DOB. И мое требование: - Когда я нажимаю на выбранный вход, мне нужно выделить список по умолчанию 2000, прежде чем что-либо выбирать. Но в настоящее время всегда выделяется первый вариант списка.

Конструктор класса выглядит следующим образом: - 

  constructor(props){
    super(props);
    let val ;
    if(this.props.value){
          val=this.props.value;
    }
    // console.log(val);
    this.handleKeyDown = this.handleKeyDown.bind(this)
    this.state={
      selectedOption:val,
      hidden:true,
      isError:false,
      error:"",
      cursor: 0,
    }
 }

this.props.value является заполнителем, если не выбран, или выбранным значением из его родительского компонента. И this.state.selectedOption меняется с изменением значения.

Мой выбор реквизитов выглядит следующим образом: - 

    <Select
          value={this.defaultValue}
          onChange={(value)=>this.selectItem(value)}
          name={this.props.name}
          options={countryNames}
          defaultValue={{value:this.state.selectedOption,label:this.state.selectedOption}}
          styles={customSelectStyles}
          placeholder={this.props.placeholder}
          isSearchable={true}
          theme={(theme) => ({
            ...theme,
            borderRadius: 0,
            colors: {
              ...theme.colors,
              primary: '#235d9a',
            },
            fontFamily: 'Ubuntu',
            fontWeight: '300',

            height: {
              ...theme.height,
              primary: '48px',
            },
          })}

          menuContainerStyle={{'zIndex': 999}}
    />

Пожалуйста, помогите!

Спасибо.

...