реакция-выбор не меняет метку с defaultValue

Question

Почему «реакция выбора» не меняет метку, а меняет значение?

const options = [
  { label: 'One', value: 'One' },
  { label: 'Two', value: 'Two' },
];

<Select
  defaultValue={{label: "One", value: "One"}}
  options=options
/>

Answer 1

React Select default value принимает объект для установки значения по умолчанию. проблема в вашем коде очень проста,

1 - вам нужно связать параметры, заключив их в {} как {options}

, а затем установить значение по умолчанию:

2- defaultValue={options[1]} или defaultValue={{ label: 'Two', value: 'Two' }}

проверьте пример в песочнице: пример примера

просто чтобы очистить ярлык, изменится только текст, отображаемый в выберите, но фактическое значение ограничено value клавишей в объекте

Answer 2

Свойство defaultValue будет принимать только значение. Для вашего примера, если вы установите defaultValue на «One», он автоматически установит метку для соответствующей опции выше. Примером может быть:

const options = [
  { label: 'One', value: 'One' },
  { label: 'Two', value: 'Two' },
];

//the defaultValue will look inside the options array and use the label where the value is the same
<Select
  defaultValue="One"
  options=options
/>

подробнее здесь https://www.npmjs.com/package/react-select