«react-router» 태그된 질문

와 react-router내가 사용할 수 있습니다 Link기본적으로 처리 라우터 반응하는 링크를 생성하는 요소. 내부적으로 호출하는 것을 봅니다 this.context.transitionTo(...). 탐색을하고 싶습니다. 링크가 아니라 드롭 다운 선택 (예 :)입니다. 코드에서 어떻게 할 수 있습니까? 무엇입니까 this.context? 나는 Navigationmixin을 보았지만없이 이것을 할 수 mixins있습니까?

1427 reactjs  react-router 

React-router를 사용하고 있으며 링크 버튼을 클릭하는 동안 제대로 작동하지만 웹 페이지를 새로 고칠 때 원하는 것을로드하지 않습니다. 예를 들어, 나는 localhost/joblist링크를 누르면 여기에 도착했기 때문에 모든 것이 정상입니다. 그러나 웹 페이지를 새로 고치면 다음과 같은 결과가 나타납니다. Cannot GET /joblist 기본적으로 이와 같이 작동하지 않았습니다. 처음에 나는 같은 내 URL을했다 …

653 javascript  reactjs  url  react-router 

이 오류가 발생합니다. 잡히지 않는 오류 : 변하지 않는 위반 : 요소 유형이 잘못되었습니다 : 문자열 (내장 구성 요소의 경우) 또는 클래스 / 함수 (복합 구성 요소의 경우)이지만 개체가 있습니다. 이것은 내 코드입니다. var React = require('react') var ReactDOM = require('react-dom') var Router = require('react-router') var Route = Router.Route var …

528 reactjs  react-router 

__firebase_request_key서버에서 경로 재 지정한 후 Twitter의 싱글 사인온 프로세스에서 생성 된 URL에서 매개 변수 값 을 캡처하기 위해 route.jsx 파일에서 경로를 정의하려면 어떻게 해야합니까? http://localhost:8000/#/signin?_k=v9ifuf&__firebase_request_key=blablabla 나는 다음과 같은 경로 구성으로 시도했지만 :redirectParam언급 된 매개 변수를 잡지 않습니다. <Router> <Route path="/" component={Main}> <Route path="signin" component={SignIn}> <Route path=":redirectParam" component={TwitterSsoButton} /> </Route> </Route> …

412 reactjs  react-router 

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

360 reactjs  react-router  react-router-v4 

React Router를 사용하는 React.js 응용 프로그램의 구조는 다음과 같습니다 . var Dashboard = require('./Dashboard'); var Comments = require('./Comments'); var Index = React.createClass({ render: function () { return ( <div> <header>Some header</header> <RouteHandler /> </div> ); } }); var routes = ( <Route path="/" handler={Index}> <Route path="comments" handler={Comments}/> <DefaultRoute handler={Dashboard}/> </Route> …

315 javascript  properties  reactjs  react-router 

선택적 경로 매개 변수를 사용하여 경로를 선언하고 싶습니다. 따라서 페이지를 추가하면 추가 작업을 수행 할 수 있습니다 (예 : 데이터 채우기). 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 

this.props.history.push('/page')React-Router v4에서 매개 변수를 어떻게 전달할 수 있습니까? .then(response => { var r = this; if (response.status >= 200 && response.status < 300) { r.props.history.push('/template'); });

217 reactjs  react-router 

나는 표시 할 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 

웹 애플리케이션을 개발하기 위해 React와 Redux를 사용하고 있으며 프로젝트를 시작할 때 다음을 얻었습니다. Line 13: Unexpected use of 'location' no-restricted-globals Search for the keywords to learn more about each error. 해결 방법에 대해 많이 검색했지만 찾은 답변 중 어느 것도 도움이되지 않았으므로 Stack overflow로 전환했습니다. 누구 든지이 오류를 해결하는 방법을 …

168 javascript  reactjs  react-router  eslint 

누군가가 차이점을 설명 할 수 있습니까? <Route exact path="/" component={Home} /> 과 <Route path="/" component={Home} /> 나는 '정확한'의 의미를 모른다

162 reactjs  react-router  react-router-dom 

반응 라우터는 반응 앱이 처리 할 수 ​​있도록 /arbitrary/route합니다. 이것이 작동하려면 일치하는 경로에서 React 앱을 보내려면 서버가 필요합니다. 그러나 webpack dev 서버 는 임의의 엔드 포인트를 처리하지 않습니다. 추가 Express 서버를 사용하는 솔루션이 있습니다. webpack-dev-server가 반응 라우터의 진입 점을 허용하도록 허용하는 방법 그러나 경로 일치를 허용하기 위해 다른 급행 서버를 …

148 reactjs  ecmascript-6  webpack  react-router 

반응 라우터와 반응하고 있습니다. 반응 라우터의 "링크"에 속성을 전달하려고합니다. var React = require('react'); var Router = require('react-router'); var CreateIdeaView = require('./components/createIdeaView.jsx'); var Link = Router.Link; var Route = Router.Route; var DefaultRoute = Router.DefaultRoute; var RouteHandler = Router.RouteHandler; var App = React.createClass({ render : function(){ return( <div> <Link to="ideas" params={{ testvalue: …

137 javascript  reactjs  react-router 

다음을 고려하세요: var AppRoutes = [ <Route handler={App} someProp="defaultProp"> <Route path="/" handler={Page} /> </Route>, <Route handler={App} someProp="defaultProp"> <Route path="/" handler={Header} > <Route path="/withheader" handler={Page} /> </Route> </Route>, <Route handler={App} someProp="defaultProp"> <Route path=":area" handler={Area} /> <Route path=":area/:city" handler={Area} /> <Route path=":area/:city/:locale" handler={Area} /> <Route path=":area/:city/:locale/:type" handler={Area} /> </Route> ]; 동일한 핸들러 …

132 react-router