Question

我正在研究portofolio，目前正在github上托管它。
我正在将React.js与react-router一起用于导航。
github上的存储库是... / portofolio /，因此当我转到URL ... / portofolio /时，我的主页带有导航栏，但未显示“主页”。
我不明白，因为我要求将Home组件用于“ /”路由。另外，当我单击“主页”链接时，将显示主页，并且网址从“ / portofolio /”转到“ /”

这是我的代码：

App.js

<div className="main">
    <Navigation />
    <Main />
</div>

The routes in Main.js

<Switch>
    <Route exact path='/' component={Home}/>
    <Route path='/projects' component={Projects}/>
    <Route path='/contact' component={Contact}/>
</Switch>

Navigation.js

<ul className="navigation-list">
    <li className="navigation-link"><Link to='/'>Home</Link></li>
    <li className="navigation-link"><Link to='/projects'>Projects</Link></li>
    <li className="navigation-link"><Link to='/contact'>Contact</Link></li>
</ul>

在我进入portofolio主页时，建议直接显示我的“主页”组件？
也许有一些建议可以重构我的代码？

如何使用github托管处理路由？

0 个答案: