如何調試：在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函數