react + antd-mobile 实现下拉选择的具体代码

下拉选择可以使用 Ant Design Mobile 中的 Picker 组件来实现。以下是一个简单的例子：

import React, { useState } from 'react';
import { Picker } from 'antd-mobile';

function SelectExample() {
  const [value, setValue] = useState(null);

  const data = [
    { label: '北京', value: 'beijing' },
    { label: '上海', value: 'shanghai' },
    { label: '广州', value: 'guangzhou' },
    { label: '深圳', value: 'shenzhen' },
  ];

  return (
    <Picker
      data={data}
      value={value}
      onChange={setValue}
      cols={1}
      className="forss"
    >
      <div>请选择城市</div>
    </Picker>
  );
}

export default SelectExample;

在这个例子中，我们首先引入了 `Picker` 组件，然后定义了一个 `SelectExample` 组件。在 `SelectExample` 组件中，我们使用了 React 的 `useState` 钩子来保存选择的值。然后，我们定义了一个数据数组 `data`，其中包含了可选项的标签和值。接着，在 `Picker` 组件中，我们传入了 `data`、`value`、`onChange`、`cols` 和 `className` 等属性。其中，`data` 表示可选项的数据，`value` 和 `onChange` 则分别表示当前选中的值和选择后的回调函数，`cols` 表示选择器的列数，`className` 则表示选择器的样式。最后，我们在 `Picker` 组件中还传入了一个 `div` 元素，用来显示选择器的提示信息。

当用户点击选择器时，会弹出一个下拉框，用户可以在其中选择一个选项。选择后，会自动更新 `value` 的值，并且触发 `onChange` 回调函数。我们可以根据 `value` 的值来进行后续操作。