您可以在删除操作完成后,手动清空搜索字段的值,例如将搜索字段的值设为一个空字符串或者设为null。这样,在点击搜索按钮时,就不会再显示之前的搜索值了。

具体的实现方式取决于您使用的表单组件和框架。以下是一种可能的解决方案:

  1. 在表单组件中,给搜索字段绑定一个onChange事件,当搜索字段的值发生改变时,将其更新到表单的state中。

  2. 在删除操作完成后,通过setState方法将搜索字段的值重置为空字符串或null。

  3. 在点击搜索按钮时,从表单的state中获取搜索字段的值,如果值为空字符串或null,就不进行搜索操作,否则执行搜索操作。

示例代码如下(以React和Ant Design为例):

import React, { useState } from 'react';
import { Form, Input, Button } from 'antd';

const SearchForm = () => {
  const [searchValue, setSearchValue] = useState('');

  const handleSearch = () => {
    if (searchValue) {
      // 执行搜索操作
      console.log('搜索字段值:', searchValue);
    }
  };

  const handleDelete = () => {
    // 执行删除操作
    // ...

    // 清空搜索字段的值
    setSearchValue('');
  };

  const handleInputChange = (e) => {
    setSearchValue(e.target.value);
  };

  return (
    <Form>
      <Form.Item label="搜索字段">
        <Input value={searchValue} onChange={handleInputChange} />
      </Form.Item>
      <Form.Item>
        <Button type="primary" onClick={handleSearch}>搜索</Button>
        <Button onClick={handleDelete}>删除</Button>
      </Form.Item>
    </Form>
  );
};

export default SearchForm;

在上述示例中,通过useState钩子来管理搜索字段的值,在handleDelete函数中将搜索字段的值重置为空字符串。在handleSearch函数中,判断搜索字段的值,如果有值则执行搜索操作

antd form表单输入信息再删除点击搜素字段值仍存在怎么解决

原文地址: https://www.cveoy.top/t/topic/imr1 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录