react.js中<Router>
和<Hash-router>
之间的主要区别是什么?
在我的程序中,我放置了一个表单标签并提到了组件路径,但我使用了哈希路由器。我无法切换到“提及组件”,但是在路由器的情况下,它会切换到其他组件。
那是为什么,两者之间的其他区别是什么?
<HashRouter>
<div>
<h1>Simple SPA</h1>
<ul className="header">
<li><NavLink exact to="/">Home</NavLink></li>
<li><NavLink to="/stuff">Stuff</NavLink></li>
<li><NavLink to="/contact">Contact</NavLink></li>
</ul>
<div className="content">
<Switch>
<Route exact path="/" component={Home}/>
<Route path="/stuff" component={Stuff}/>
<Route path="/contact" component={Contact}/>
</Switch>
</div>
</div>
</HashRouter>
表格:
<form action='/stuff'>
<label for="firstName"><b>FirstName</b></label>
<input type="text" name="fname" /><br/><br/>
<label for="lastName"><b>LastName</b></label>
<input type="text" name="lname"/><br/><br/>
<button type="submit" align="right">Signup</button>
</form>