单击按钮后

Question

我想在使用antd表时单击按钮时重置自定义搜索下拉文本输入。

我无法引用filterDropdown，我试图引用该表，但是没有运气，它不会给我handleClearFilters以便清除搜索输入，因为此道具属于{ {1}}。

有人设法清除搜索输入吗？

游乐场： https://codesandbox.io/s/87o53mq29

更新：

这是根据@shubham答案的最终工作代码：

filterDropdown

Answer 1

一种解决方案是通过执行以下操作来使表组件本身重新呈现： *向表组件添加键

  <Table key={this.state.index} columns={columns} dataSource={data} />

在状态下添加一个新值，如下所示：

class App extends React.Component {
  state = {
    searchText: '',
    index: 0
  };
...

修改resetSearch函数如下：

resetSearch = () => {
      this.setState({
        index: this.state.index + 1
      })
  }

一旦key更改后表格重新出现，这也将重置输入框。