Javascript 如何在单击时显示数据结果？

我试图仅在单击搜索按钮时显示JSON文件中的结果。正确的方法是什么

现在，当用户键入产品时，结果会显示出来。我有一个简单的过滤器，就是过滤结果，但我想让它只在点击按钮时出现。我只想在单击搜索按钮时显示结果

类应用程序扩展组件{ 构造器{ 超级作物； this.state={ 值：， 名单：[] } this.handleChange=this.handleChange.bindthis； this.handleSearch=this.handleSearch.bindthis； 这是刷新； } HandleChange事件{ this.setState{…this.state，值：event.target.value} } 刷新{ axios.get`${URL}` .thenresp=>this.setState{…this.state，值：，列表：resp.data}； } 手持式搜索产品{ 这是刷新； } 渲染{ 回来 } } 导出默认应用程序； 类搜索扩展组件{ 构造器{ 超级作物； } 渲染{ 回来 } } 导出默认搜索； 类ProductList扩展组件{ 构造器{ 超级作物； 此.state={ } } 渲染{ 让filteredSearch=this.props.list.filter 产品=>{ 返回product.title.indexOfthis.props.value！=-1 } 回来 { filteredSearch.mapitem=>{ 回来 } } ; } } 导出默认产品列表 您正在构造函数中调用this.refresh。所以它可以在挂载机上运行

---

只需将其从构造函数中删除，您就可以了。

谢谢，伙计。我不知道构造器是这样工作的。我现在只需要做一些更改，这样我就可以得到正确的搜索结果，但这很有帮助。