antd多选下拉框一行展示的实现方式

antd中的多选下拉框可以通过设置`mode`属性来实现一行展示。具体实现方式如下：

1. 安装antd库：在项目中安装antd库，可以使用npm或者yarn进行安装。

2. 引入所需组件：在需要使用多选下拉框的页面中，引入`Select`和`Option`组件。

3. 设置mode属性：在`Select`组件中，设置`mode`属性为`multiple`，表示使用多选模式。

4. 设置下拉框宽度：可以使用`style`属性给`Select`组件设置宽度，使其在一行中展示。

示例代码如下：

import React from 'react';
import { Select } from 'antd';
const { Option } = Select;

const MultiSelect = () => {
  return (
    <Select mode="multiple" style={{ width: '100%' }} placeholder="请选择">
      <Option value="option1">选项1</Option>
      <Option value="option2">选项2</Option>
      <Option value="option3">选项3</Option>
      <Option value="option4">选项4</Option>
    </Select>
  );
}

export default MultiSelect;

以上代码中，设置了`mode`属性为`multiple`，表示多选模式；通过`style`属性设置了宽度为100%，使其在一行中展示；使用`Option`组件添加选项。

通过以上方式，可以实现antd多选下拉框一行展示的效果。