Question

当我搜索名称时，结果列表会自动填充到我的表格中。我想要做的是单击清除按钮时希望清除表。未删除。

我还没有开始我的代码，但是我只需要一个清除按钮的想法。您不一定需要给我代码：）

Answer 1

在状态中存储结果列表，并在单击按钮时将状态简单地重置为空数组。像这样：

  this.state = {
    data: []
  }

  componentDidMount(){
    fetch("/api/your-url").then(data => this.setState({data}));
  }

  render(){
    return(
      //display your data in a table
      this.state.data.map(row => {
        return(
          //html markup
        )
      })
      <button onClick={() => this.setState({data: []})}>Clear data</button>
    );
  }

单击清除按钮，从数据表中删除数据

1 个答案: