Javascript 如何从api响应REACT-JS中选择选项

我有用于选择的组件，我希望当响应返回时，

SelectM

有所选数据并显示

import Select from "react-select";

<Select
    menuPlacement="auto"
    menuPosition="fixed"
    styles={colourStyles}
    closeMenuOnSelect={false}
    components={animatedComponents}
    isMulti
    options={colourOptions}
    onChange={handleChangeSelect}
    placeholder="color"
/>

这是handleChangeSelect

const handleChangeSelect = (e) => {
    setSelectedValue(Array.isArray(e) ? e.map((x) => x.value) : []);
};

这是我的回复数据

ResData= [1,2]

我想从

ResData

中选择，似乎您可以使用

反应选择的方法

setValue([{value: 'optionA', label:'Option A'}]);

在您的情况下，它将类似于：

const responseData= [1,2];
const colourOptions = [
    { value: 'red', label: 'red' },
    { value: 'blue', label: 'blue' },
    { value: 'green', label: 'green' },
];
const optionsToSelect = colourOptions.filter((option, i) => responseData.includes(i));

...

setValue(optionsToSelect);

const responseData= [1,2];
const colourOptions = [
    { value: 'red', label: 'red' },
    { value: 'blue', label: 'blue' },
    { value: 'green', label: 'green' },
];
const optionsToSelect = colourOptions.filter((option, i) => responseData.includes(i));

...

setValue(optionsToSelect);