我有标头组件,它在单独的.js文件中具有导航。
<Router>
<h1>AshoKart</h1>
<div className="cart">
<span>Cart (0 items)</span>
<Link to='/checkout'>Checkout</Link>
</div>
<br />
<nav>
<Link to='/'>Home</Link>
<Link to='/about'>About</Link>
</nav>
</Router>
我在App.js文件中有路由路径详细信息。
<Router>
<Route path="/" exact>
<Home />
</Route>
<Route path="/about">
<About />
</Route>
<Route path="/checkout">
<Checkout />
</Route>
</Router>
当我单击链接时,它没有导航。但是,如果我在app.js文件中添加导航链接,则可以正常工作。您能告诉我如何使导航链接从单独的文件工作吗?
谢谢
<router/>
与下面的代码相同,删除Header组件中的。它现在应该导航。
<div>
<h1>AshoKart</h1>
<div className="cart">
<span>Cart (0 items)</span>
<Link to='/checkout'>Checkout</Link>
</div>
<br />
<nav>
<Link to='/'>Home</Link>
<Link to='/about'>About</Link>
</nav>
</div>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句