子文件夹的React Router 4不起作用

时间:2018-10-21 06:31:43

标签: reactjs react-router-v4 react-router-dom

import { BrowserRouter as Router, Route } from 'react-router-dom'

<Router>
   <switch>
     <Route exact path='/' component={main} />
     <Route path='/build/signup' component={SignUp} />
   </switch>
</Router>

该应用程序驻留在localhost / build URL中。 package.json中的homepage属性设置为“ localhost / build”。

这是实现SignUp组件的链接的方式。

 <Router>
   <NavLink className='sign-up' to='/build/signup'>Register</NavLink>
 </Router>

每当我单击注册链接时。 localhost / build / signup已添加到网址栏中,但未呈现SignUp组件。

1 个答案:

答案 0 :(得分:0)

您需要使用mainEntity中的withRouter HOC将您要执行路由更改的组件包装在其中,并且它应该可以工作。例如

react-router-dom