首页 > 解决方案 > 反应清除输入按钮和过滤结果

问题描述

我正在尝试在 React 应用程序中实现一个按钮,以清除输入字段中的搜索词以及过滤后的结果,以便在过滤之前将数据重置为初始值。

我可以制作按钮并清除搜索词并在单击没有问题时带回数据但是当我尝试再次输入搜索词时,输入字段中没有写入任何内容。我可以在输入时看到我的输入过滤器,但在输入字段中看不到任何单词。我做错了什么?

这是按钮的代码;

clearBtn = () => {
        this.setState(() => {
            return {search:'', form:''}
        })
       
    }

这是渲染的代码;

<input type="text" placeholder="Search for a name" value={this.state.form} onChange= 
              {(e)=>this.searchSpace(e)}}} />
<Button onClick={this.clearBtn}>Clear</Button>

标签: reactjsinput

解决方案


推荐阅读