如何在饿了么select组件中，针对选项组进行展开/收缩操作？

使用饿了么的select组件时，可能会遇到一些问题，比如如何针对select组件的optgroup选项组进行展开/收缩操作。为了帮助您解决这一问题，我们将提供详细的步骤和示例代码，帮助您轻松实现这一功能。

步骤 1：导入饿了么select组件库

首先，您需要导入饿了么select组件库。您可以使用以下命令安装饿了么select组件库：

npm install eleme-react-select

步骤 2：创建select组件实例

接下来，您需要创建一个select组件实例。您可以使用以下代码创建select组件实例：

import { Select } from 'eleme-react-select';

const options = [
  {
    label: '选项 1',
    value: '1',
  },
  {
    label: '选项 2',
    value: '2',
  },
  {
    label: '选项 3',
    value: '3',
  },
];

const App = () => {
  return (
    <Select
      options={options}
      defaultValue="1"
    />
  );
};

步骤 3：添加选项组

现在，您需要添加选项组。您可以使用以下代码添加选项组：

const options = [
  {
    label: '选项组 1',
    options: [
      {
        label: '选项 1',
        value: '1',
      },
      {
        label: '选项 2',
        value: '2',
      },
    ],
  },
  {
    label: '选项组 2',
    options: [
      {
        label: '选项 3',
        value: '3',
      },
      {
        label: '选项 4',
        value: '4',
      },
    ],
  },
];

步骤 4：设置选项组的可展开/收缩属性

最后，您需要设置选项组的可展开/收缩属性。您可以使用以下代码设置选项组的可展开/收缩属性：

const options = [
  {
    label: '选项组 1',
    options: [
      {
        label: '选项 1',
        value: '1',
      },
      {
        label: '选项 2',
        value: '2',
      },
    ],
    isExpandable: true, // 设置选项组的可展开/收缩属性
  },
  {
    label: '选项组 2',
    options: [
      {
        label: '选项 3',
        value: '3',
      },
      {
        label: '选项 4',
        value: '4',
      },
    ],
    isExpandable: true, // 设置选项组的可展开/收缩属性
  },
];

这样，您就可以在饿了么select组件中，针对选项组进行展开/收缩操作了。