«react-router-v4» 태그된 질문

React Router (v3)의 현재 버전에서 서버 응답을 수락 browserHistory.push하고 적절한 응답 페이지로 이동하는 데 사용할 수 있습니다. 그러나 이것은 v4에서 사용할 수 없으며이를 처리하는 적절한 방법이 무엇인지 잘 모르겠습니다. 이 예에서 Redux를 사용 하면 사용자가 양식을 제출할 때 components / app-product-form.js가 호출 this.props.addProduct(props)됩니다. 서버가 성공하면 사용자는 카트 페이지로 이동합니다. // …

360 reactjs  react-router  react-router-v4 

방금 react-routerv3에서 v4 로 교체 했습니다. 그러나의 멤버 함수에서 프로그래밍 방식으로 탐색하는 방법을 잘 모르겠습니다 Component. 즉 handleClick()기능 에서 /path/some/where일부 데이터를 처리 한 후 탐색하고 싶습니다 . 나는 다음과 같이 그것을 사용했다. import { browserHistory } from 'react-router' browserHistory.push('/path/some/where') 그러나 v4에서 이러한 인터페이스를 찾을 수 없습니다. v4를 사용하여 탐색하려면 어떻게해야합니까?

336 reactjs  ecmascript-6  react-router-v4 

선택적 경로 매개 변수를 사용하여 경로를 선언하고 싶습니다. 따라서 페이지를 추가하면 추가 작업을 수행 할 수 있습니다 (예 : 데이터 채우기). http : // localhost / app / path / to / page <= 페이지 렌더링 http : // localhost / app / path / to / page / pathParam …

306 javascript  reactjs  react-router  react-router-v4 

현재 반응 라우터 v4를 사용하여 중첩 경로로 어려움을 겪고 있습니다. 가장 가까운 예는 React-Router v4 Documentation 의 경로 구성입니다 . 내 앱을 두 개의 다른 부분으로 나누고 싶습니다. 프론트 엔드 및 관리 영역 나는 이것에 대해 생각하고 있었다 : <Match pattern="/" component={Frontpage}> <Match pattern="/home" component={HomePage} /> <Match pattern="/about" component={AboutPage} /> …

261 javascript  reactjs  nested  react-router  react-router-v4 

나는 표시 할 title에 <AppBar />그 어떻게 든 현재의 경로에서 전달됩니다. React Router v4 <AppBar />에서 현재 경로를 title소품 으로 전달 하는 방법은 무엇입니까? <Router basename='/app'> <main> <Menu active={menu} close={this.closeMenu} /> <Overlay active={menu} onClick={this.closeMenu} /> <AppBar handleMenuIcon={this.handleMenuIcon} title='Test' /> <Route path='/customers' component={Customers} /> </main> </Router> 사용자 정의에서 사용자 정의 제목을 …

180 reactjs  react-router  react-router-v4 

경로로 작동하는 몇 개의 버튼이 있습니다. 경로가 변경 될 때마다 활성화 된 버튼이 변경되도록하고 싶습니다. 반응 라우터 v4에서 경로 변경 사항을 수신하는 방법이 있습니까?

138 react-router-v4 

인증 된 경로를 구현하려고 시도했지만 React Router 4가 이제 작동하지 않는다는 것을 발견했습니다. <Route exact path="/" component={Index} /> <Route path="/auth" component={UnauthenticatedWrapper}> <Route path="/auth/login" component={LoginBotBot} /> </Route> <Route path="/domains" component={AuthenticatedWrapper}> <Route exact path="/domains" component={DomainsIndex} /> </Route> 오류는 다음과 같습니다. 경고 : <Route component>및 <Route children>동일한 경로에서 사용해서는 안됩니다 . <Route children>무시됩니다 …

122 javascript  reactjs  react-router  react-router-v4 

NavLink에서 "activeClassName"및 "activeStyle"을 설정하는 기능 외에도 사이트에서 탐색하지 않는 요소 (예 : 머리글 또는 바닥 글의 기본 탐색이 아님)의 다른 경로에 대한 링크를 만들 때 NavLink over Link 를 사용하는 이유가 있습니까? 활성 상태 / 클래스가 필요하지 않습니까?

94 reactjs  react-router  react-router-v4 

검색 기록에 따라 비즈니스 로직을 구현해야합니다. 내가 원하는 것은 다음과 같습니다. reactRouter.onUrlChange(url => { this.history.push(url); }); URL이 업데이트 될 때 react-router에서 콜백을받는 방법이 있습니까?

91 reactjs  react-router  react-router-v4  react-router-redux  react-router-dom 

내 프로젝트에서 react-router-dom 4.0.0-beta.6을 사용하고 있습니다. 다음과 같은 코드가 있습니다. <Route exact path="/home" component={HomePage}/> 그리고 HomePage구성 요소 에서 쿼리 매개 변수를 얻고 싶습니다 . location.search다음과 같은 param을 찾았 ?key=value으므로 구문 분석되지 않았습니다. react-router v4로 쿼리 매개 변수를 얻는 올바른 방법은 무엇입니까?

87 react-router  react-router-v4  react-router-dom 

이전 페이지로 돌아가는 방법을 알아 내려고합니다. 나는 사용하고있다[react-router-v4][1] 다음은 첫 번째 방문 페이지에서 구성한 코드입니다. <Router> <div> <Link to="/"><div className="routerStyle"><Glyphicon glyph="home" /></div></Link> <Route exact path="/" component={Page1}/> <Route path="/Page2" component={Page2}/> <Route path="/Page3" component={Page3}/> </div> </Router> 다음 페이지로 이동하려면 다음을 수행합니다. this.props.history.push('/Page2'); 그러나 이전 페이지로 돌아가려면 어떻게해야합니까? 아래에 언급 된 것과 같은 …

84 javascript  reactjs  react-router-v4