Javascript 在Antd React Select中为每个OptGroup只选择一个选项

我在React Antd中有

组件和2个optgroup，如图所示。我希望

组件只需要为每个要选择的optgroup选择一个选项，但我还没有找到任何线索。如何在没有jQuery的情况下实现甚至强制实现它

<Select 
  mode="tags" 
  defaultValue={[ 'alphabet', 'ascending']} 
  style={{ width: 130 }} 
  tokenSeparators={[',']}>
    <OptGroup label="Sort By">
        <Option value="alphabet">Alphabetical</Option>
        <Option value="date">Date Created</Option>
    </OptGroup>
    <OptGroup label="Order By">
        <Option value="ascending">Ascending</Option>
        <Option value="descending">Descending</Option>
    </OptGroup>
</Select>

按字母顺序排列的
创建日期
提升
下降的

我尝试使用变量，然后将其放入

组件中的属性

值中，但它使选择行为发生故障（无法选择）。我还想知道是否有机会使用
组件下的属性
onSelect
或
onChange
来更改
组件中的选定值

我还将其作为index.js之外的组件放在页面文件夹中，当我尝试使用
useState（）
时，它返回错误