react-router和react-hash-router有什么区别?

时间:2018-09-14 07:31:11

标签: react-router

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>

0 个答案:

没有答案