ant design pro protable 代码设置搜索表单中输入值

Ant Design Pro Portable（简称ADPro）是一个基于Ant Design的权限管理系统，它提供了一套方便使用的组件库和基础架构。如果你想要在其中创建一个搜索表单，让用户输入值并进行查询，你可以按照以下步骤操作：

1. 首先，引入`<Form>`和`<Input>`组件，这两个是Ant Design的核心控件用于表单和文本输入。

import { Form, Input } from 'antd-mobile/pro';

2. 使用`Form.create()`高阶组件来包裹表单，这样可以利用React的状态管理来处理用户输入。

const SearchForm = Form.create()(SearchFormComponent);

3. 定义`SearchFormComponent`组件，包含一个状态变量来保存搜索关键词，并定义一个输入事件处理器来更新这个关键词。

function SearchFormComponent({ form }) {
  const [searchKeyword, setSearchKeyword] = React.useState('');

  const onSearch = (e) => {
    setSearchKeyword(e.target.value);
  };

  return (
    <Form>
      <Form.Item
        name="keyword"
        rules={[{ required: true, message: '请输入搜索关键字' }]}
      >
        <Input value={searchKeyword} onChange={onSearch} placeholder="搜索..." />
      </Form.Item>
      {/* 添加搜索按钮或其他动作 */}
    </Form>
  );
}

4. 当用户提交表单或者触发搜索操作时，可以根据`searchKeyword`的值来进行数据请求。

注意：这只是一个基本的示例，实际应用中你可能需要连接到API服务、进行服务器端验证或过滤数据等。