使用antdesign组件1.7.8版本的a-select 如何在下拉框可以多选 并且将多选的数据都拿到 独多选的数据中间用，分隔

要在 antd 的 a-select 组件中实现多选，需要设置其 `mode` 属性为 `multiple`。同时，需要监听 `onChange` 事件来获取用户选择的数据。在 `onChange` 事件中，可以使用 `join()` 方法将多选的数据以逗号分隔的字符串形式展示。

以下是一个示例代码：

import React, { useState } from 'react';
import { Select } from 'antd';

const { Option } = Select;

function MultiSelectDemo() {
  const [selectedValues, setSelectedValues] = useState([]);

  function handleChange(values) {
    setSelectedValues(values);
  }

  return (
    <Select
      mode="multiple"
      style={{ width: '100%' }}
      placeholder="Please select"
      onChange={handleChange}
    >
      <Option value="value1">Value 1</Option>
      <Option value="value2">Value 2</Option>
      <Option value="value3">Value 3</Option>
      <Option value="value4">Value 4</Option>
    </Select>
    <div>Selected values: {selectedValues.join(',')}</div>
  );
}

在上面的示例中，我们定义了一个 `handleChange()` 函数来更新组件的 `selectedValues` 状态。在模板中，我们使用 `join()` 方法将 `selectedValues` 数组中的值以逗号分隔的字符串形式展示。