antd-mobie5.12.6中form.Item如何与Picker搭配使用

在Ant Design Mobile (antd-mobie) v5.12.6版本中，`Form.Item` 和 `Picker` 的结合通常用于创建带有下拉选择器的表单组件。`Picker` 提供了一个可滚动的选择列表，用户可以选择其中的一项值。你可以按照以下步骤将它们结合起来：

1. 首先，导入需要的组件：

   import { Form } from 'antd-mobile';
   import Picker from '@ant-design/mobilize/lib/picker/index';

2. 在 `Form.Item` 中使用 `Picker` 组件，并设置相应的属性：

   <Form.Item label="请选择">
     {
       (props) => (
         <Picker
           {...props}
           options={['选项1', '选项2', '选项3']} // 这里是你的选项数组
           onChange={value => console.log('Picker value changed:', value)} // 选中值改变时的回调函数
         />
       )
     }
   </Form.Item>

`options` 属性包含可供用户选择的选项，`onChange` 是当用户选择新的值时会触发的回调函数。

3. 可能还需要处理 form 的提交和验证，可以利用 `Form.Item` 自带的 validate 函数：

   const handleSubmit = (values) => {
     console.log('Form values:', values);
   };

   return (
     <Form onSubmit={handleSubmit}>
       {/* ...其他 Form.Item */}
     </Form>
   );