protable列表实现搜索框,放在column中用antd自带搜索,‘放大镜’搜索图标放不上,
于是,单独写form表单, Input.Search实现。
<Input.Search placeholder="请输入供应商名称" onSearch={() => handleVendorModalVisible(true)} />
onSearch方法弹出新页面搜索,跳转页面回传的参数value通过如下实现
form.setFieldsValue({'vendorName':value})
遇到的问题:
如果使用下方代码,则参数无法回显在表单中,猜测组件问题,就只能用Input.Search实现
<Input placeholder="请输入供应商名称" onSearch={() => handleVendorModalVisible(true)} />
<span onClick={() => handleVendorModalVisible(true)}> <SearchOutlined /></span>