Javascript 如何将defaultOption添加到AsyncSelect？

我正在为我的组件使用Async react select，无法使用默认选项解决问题。Docs帮不了我，因为没有这样一个与我的问题相关的例子

const campaignToOption = campaign => ({value: campaign.id, label: campaign.name});

const loadOptionsWrapper = fetchAll =>
    input => fetchAll({
        _limit: 10000,
        q: input,
        _sort: 'name',
        _order: 'asc',
    }).then(campaigns => _(campaigns).reject('meta').map(campaignToOption).values());

const defaultProps = {
    options: [],
    placeholder: 'Campaign: Not selected',
};

const CampaignFilter = props => {
    return <Async
        defaultOptions={[{label: 'All Campaigns', value: '-2', group: true}]}
        loadOptions={loadOptionsWrapper(props?.actions?.fetchAllCampaigns)}
        {...defaultProps}
        {...props}
    />;
};

export default CampaignFilter;

const-campaintooption=campaign=>（{value:campaign.id，label:campaign.name}）；
const loadoptionswapper=fetchAll=>
输入=>fetchAll({
_限额：10000，
问：输入，
_排序：'名称'，
_订单：“asc”，
}).then（活动=>(活动）.reject（'meta'）.map（活动选项）.values（））；
const defaultProps={
选项：[]，
占位符：“活动：未选定”，
};
常量活动筛选器=道具=>{
返回

但是我的目标是得到一个像这张图片中那样的组件`

我认为实现所需结果的最佳方法是为
活动选项返回的内容添加自定义选项

例如，可以使用此方法将特殊选项附加到数组中：

const appendSpecialOption = filteredOptions => {
  return [
    { label: "All Campaigns", value: "-2", group: true },
    ...filteredOptions
  ];
};

将
defaultOptions
保持为True（不是数组）

以下是您的场景的简化版本，但我希望它能有所帮助：

您的第一张图片显示了一个选项“所有活动”，但我看不出该选项是如何添加到代码中的。看起来您正在
defaultProps
中将选项设置为空数组。该“所有活动”选项来自何方？另外，如果您可以提供一个简化的代码沙盒，我会很有帮助。当您开始键入时，是否显示其他选项？是的，它显示按输入值筛选的选项列表。看起来它解决了问题，而我环顾四周，没有发现任何其他内容。。。thank@mehamasum冷你看看这个请@mehamasum这会很有帮助的