React-Select: несколько значений в атрибуте defaultValue
Я пытаюсь добавить несколько значений в свой атрибут defaultValue, но безуспешно.
<Select
value = {this.state.selectedTests}
defaultValue = {this.getDefaultValues(this.props.tests)}
isMulti onChange = {(e) => this.handleChangeEvent(e)}
options = {this.state.allTests}
className = "basic-multi-select dropDownSelector"
/>
getDefaultValues() возвращает массив:
0:{value: "t1", label:"Test1"}
1:{value: "t2", label:"Test2"}
Но элемент Select не показывает метки...
Кто-нибудь еще сталкивался с такой же проблемой или знает, как это решить?
Спасибо за помощь!
@Laura Я получаю массив с двумя записями, такими как Pos 0: {value: «t1», label: «Test1»} Pos 1: {value: «t2», label: «Test2»}
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 2
Вы должны указать значение только в свойстве defaultValue. Ярлык находится в свойствах опций. Оно будет соответствовать правильному значению реквизита, который вы указали в реквизитах. Метод getDefaultValues() должен возвращать:
0: "t1",
1: "t2"
Спасибо за помощь. Я пытался вернуть только значения, но это тоже не сработало. Когда я когда-либо возвращаю массив с более чем одной записью в defaultValue, в элементе Select ничего не появляется. Но когда я возвращаю массив с одной записью, например: 0: {значение: «t1», метка: «Test1»}, Test 1 появляется в Select.
Я решил свою проблему :) Значения в атрибуте «значение» перезаписали значения в атрибуте «значение по умолчанию». Я удаляю атрибут «значение», и теперь он работает.
Измененный код:
<Select
defaultValue = {this.getDefaultValues(this.props.tests)}
isMulti onChange = {(e) => this.handleChangeEvent(e)}
options = {this.state.allTests}
className = "basic-multi-select dropDownSelector"
/>
Когда вы запускаете console.info
getDefaultvalues(), вы получаете0:{value: "t1", label:"Test1"} 1:{value: "t2", label:"Test2"}или[{value: "t1", label:"Test1"},{value: "t2", label:"Test2"}]?