React Router 4 для подпапки не работает

Question

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 установлено как «localhost / build».

Так реализована ссылка на компонент SignUp.

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

Всякий раз, когда я нажимаю на знак,вверх по ссылке.localhost / build / signup добавляется в строку URL, но компонент SignUp не отображается.

Answer 1

вам нужно использовать withRouter HOC из react-router-dom, оберните ваш компонент, который выполняет изменение маршрута, и он должен работать.например

import {withRouter} from 'react-router-dom`

class NavComponent extends React.Component {
 render(){
   return (
       <Router>
         <NavLink className='sign-up' to='/build/signup'>Register</NavLink>
      </Router>
    )
 }
}
export default withRouter(NavComponent);