2017-03-16 3 views
2

여기에 제공된 예제를 따라 https://reacttraining.com/react-router/examples/url-params. 리얼터 라우터 4 링크 URL 바 업데이트 안함

나는 그렇게처럼 내 웹 사이트에 대한 내 자신의 경로를 구축 :

(또는 링크) 탐색 페이지에 다른 곳에 있다는 사실을 제외하고 주어진 예제와 매우 유사하다
<Router> 
    <div> 
    <Route path='/' exact component={Layout} /> 
    <PublicRoute authed={this.state.authed} exact path='/login' component={Login} /> 
    <PublicRoute authed={this.state.authed} exact path='/register' component={Register} /> 
    <PrivateRoute authed={this.state.authed} path='/dashboard' component={Dashboard} /> 
    <Route path='/cachaca/:bottle' component={Layout} /> 

    <Route render={() => <h3>No Match</h3>} /> 
    </div> 
</Router> 

.

경로 자체가 완벽하게 작동합니다. 일치 정보를 얻을 수 있습니다. 사용자가 로그인했는지 여부 등을 성공적으로 확인할 수 있습니다.

내 유일한 문제는 탐색 변경 사항을 반영하기 위해 URL 막대가 변경되지 않기 때문에 localhost : 3000/cachaca/1234에 앉아 집으로 돌아가려면 클릭하면 홈 페이지가로드되지만 URL 막대 'localhost : 3000/cachaca/1234'가 표시됩니다. 내가에서 내 유사한 게시물을 본 적이

은 역사의 소품이 문제의 원인이 무엇임을 표시하는 것 라우터 2/3 반응 -하지만 난 그 라우터의 경우로 생각하지 않는다 4.

그 외에도, 반응 훈련 웹 사이트의 예와 광산 (동일한 단계를 따르는 것으로 보이는)은 그렇지 않습니다.

여기에 뭔가가 있습니까? 교육 웹 사이트에서와 같은 결과를 얻지 못하는 이유는 무엇입니까?

<Link to={"/"}>Home</Link> 

어떤 도움, 감사합니다 감사합니다 :

여기 내가 사용하고 탐색 링크입니다!

답변

1

와우,이 바보 -하지만 나는이 내 하루 종일 그렇게 다른 사람에게 시간 절약의 희망이를 게시 할 예정입니다 낭비 :

내가 내 테스트를하고 있었기 때문에 그것이 작동하지 않는 밝혀를 webpack-dev-server/folder와 react-router 4에 문제가있는 것 같습니다.

http://localhost:3000/webpack-dev-server/cachaca/asdf에서 http://localhost:3000/cachaca/asdf으로 가면 웹 사이트는 콘텐츠와 URL 표시 줄의 위치에서 모두 작동해야합니다.

모두에게 즐거운 코딩!