Я пробовал это, но не работал
{Members.map(Members=>
<Select
className = "effect-16"
dataSource = {Members.displayName}
placeholder = "Select Section"
value = {this.state.selectedOptions}
OnChange = {this.handleSelect}
isSearchable = {true}
isMulti
isClearable
/>
)}
Выходной дисплей, как на следующем изображении
Дайте мне решение для этого
Я тоже пробовал это, но не работал. Спасибо за Ваш ответ.
Для привязки значений массива к параметрам реакции-выбора вам необходимо передать массив объектов с парой метки и значения.
Так:
const arr = [{ key: "test 1", value: 1 }, { key: "test 2", value: 2 }];
<Select
options = {arr}
...
/>
Пожалуйста, возьмите это в качестве примера, спасибо.
Для этой проблемы я нашел решение для использования компонента Multiselect:
import Multiselect from 'multiselect-react-dropdown';
this.state = { PersonName: [] }
GetValues = async () => {
let url = "someapi link";
let user = JSON.parse(localStorage.getItem('user'));
const accessToken = user;
const reqData = await fetch(url, {
method: 'GET',
headers: {
Authorization: "Bearer " + accessToken,
"Content-type": "application/json",
"Accept": "application/json",
"Access-Control-Allow-Headers": "Access-Control-Request-Headers "
},
})
const resData = await reqData.json();
for (let i = 0; i < resData.length; i++)
{
this.state.PersonName.push(resData[i].label);
}
this.setState({ PersonName: this.state.PersonName })
}
<Multiselect className = "effect-16" showArrow
options = {PersonName}
getSelectedItems = {PersonName}
isObject = {false} />
Источник видео: youtube.com/watch?v=OtEqBBcPREY
<Select ... dataSource = {Members.map(m => m.displayName)}
/> что-то в этом роде?