antdesignpro ProTable 搜索模式自定义搜索字段

  const [params, setParams] = useState({})

  const handleChange = (value) => {
        setParams({ "device_id": value })
    console.log(value); // { value: "lucy", key: "lucy", label: "Lucy (101)" }
  }

   {
      title: '设备',
      dataIndex: 'device_id',
      hideInTable: true,
      hideInForm: true,
      renderFormItem: (_, { type, defaultRender, ...rest }, form) => {
        const options = alllist.map(item => <Option key={item.id}>{item.name}</Option>);
        return (
          <Select
            key="searchSelect"
            showSearch
            placeholder="可根据设备名称和id搜索"
            filterOption={false}
            onSearch={handleSearch}
            onChange={handleChange}

          >
            {
              <>
                <Option key='' value="">不限</Option>
          
  • 2
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值