如何调试：在React中从div更改为form元素。 没有反应

Question

我尝试在react渲染中从div更改为form元素（使用type="submit" ），但是没有响应。 它显示http://localhost:3000/ ? 仅供参考， div工作正常。 代码如下：

<div className="SearchBar">
 <input placeholder="Enter A Song, Album, or Artist" onChange={this.handleTermChange} />
 <a onClick={this.handleSearch}>SEARCH</a>
</div>

===

<form className="SearchBar" onSubmit={this.handleSearch}>
 <input placeholder="Enter A Song, Album, or Artist"  onChange={this.handleTermChange} />
 <button type="submit">SEARCH</button>
</form>

Github仓库在这里 。

感谢您的时间。

Answer 1

您的提交可能正在屏幕上刷新。

在函数的开头使用e.preventDefault（）及其handleSearch函数