reactjs - 反应清除输入按钮和过滤结果
问题描述
我正在尝试在 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>
解决方案
推荐阅读
- r - 如何在 Rmarkdown 中“装箱”“summary()”的输出
- c - 不使用 print 语句给出输出
- python - Selenium Python 在 VPS 中设置 Chrome 默认下载目录
- python-3.x - 在多线程上执行查询时,它说连接池已用尽
- python - 将对象附加到列表
- sql - 如何根据 SQL 中多列的条件仅连接 1 列?
- python - 我想在我的自定义谷歌搜索引擎中搜索一个特定的词,然后过滤该搜索的输出以获得标题
- java - 我的 Java 程序显示错误:IOException: Stream closed - 但我没有对此 Stream 进行 close() 调用
- c++ - 创建一个数据结构,接受键值对并按值对数据进行排序
- python - 无法使用请求从网页中获取特定项目