«react-router» 태그된 질문

React Router-Ember의 라우팅 시스템에서 영감을 얻은 React 용 완전한 라우팅 라이브러리

11
Reactjs의 새로운 react-router-dom에서 Redirect를 사용하는 방법
React로 웹 애플리케이션을 개발할 때 기본값이 된 react-router-dom이라는 마지막 버전의 react-router 모듈을 사용하고 있습니다. POST 요청 후 리디렉션하는 방법을 알고 싶습니다. 이 코드를 만들고 있지만 요청 후 아무 일도 일어나지 않습니다. 나는 웹에서 검토하지만 모든 데이터는 반응 라우터의 이전 버전에 관한 것이며 마지막 업데이트에는 없습니다. 암호: import React, { PropTypes …
7
반응 라우터 : 수동으로 링크를 호출하는 방법?
ReactJS와 React-Router를 처음 사용합니다. prop -router<Link/> 로부터 객체 를 props 통해받는 구성 요소가 있습니다. 사용자 가이 구성 요소 내에서 '다음'버튼을 클릭 할 때마다 객체를 수동으로 호출하려고합니다 .<Link/> 지금은 Refs 를 사용하여 백업 인스턴스 에 액세스하고 <Link/>생성 되는 'a'태그를 수동으로 클릭합니다 . 질문 : 링크를 수동으로 호출하는 방법이 this.props.next.go있습니까 (예 :) …
30
내 React 프로젝트에서 "클래스를 함수로 호출 할 수 없음"이 표시됨
프로젝트에 React 맵 구성 요소를 추가하려고하는데 오류가 발생합니다. Fullstack React의 블로그 게시물 을 참조로 사용하고 있습니다. google_map.js 라인 83에서 오류가 발생하는 위치를 추적했습니다. function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } 지금까지 내지도 구성 요소는 다음과 같습니다. 마지막 …
4
react-router 대 react-router-dom, 언제 둘 중 하나를 사용해야합니까?
둘 다 Route, Link 등이 있습니다. 둘 중 하나를 언제 사용해야합니까? 나는 각각을 어디에 사용하는지 정말로 혼란 스럽습니다. 서버 측? 고객 입장에서? https://reacttraining.com/react-router/ 일부 예에서는 역사를 전달해야하고 다른 예에서는 전달해야합니다. 무엇을해야합니까? <Router history={browserHistory}> vs <Router> 둘 중 하나를 사용해야 할 때 정말 혼란 스럽습니다. 어떤 도움을 주셔서 감사합니다.
14
React Router 4에서 인증 된 경로를 구현하는 방법은 무엇입니까?
인증 된 경로를 구현하려고 시도했지만 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>무시됩니다 …
21
react-router 페이지로 돌아 가기 기록을 어떻게 구성합니까?
누구든지 특정 경로가 아닌 이전 페이지로 돌아가는 방법을 알려주시겠습니까? 이 코드를 사용하는 경우 : var BackButton = React.createClass({ mixins: [Router.Navigation], render: function() { return ( <button className="button icon-left" onClick={this.navigateBack}> Back </button> ); }, navigateBack: function(){ this.goBack(); } }); 이 오류가 발생했습니다. 라우터 기록이 없기 때문에 goBack ()이 무시되었습니다. 내 경로는 …
16
React Router의 Link 컴포넌트 밑줄을 제거하는 방법은 무엇입니까?
다음이 있습니다. 파란색 밑줄을 제거하려면 어떻게합니까? 코드는 다음과 같습니다. <Link to="first"><MenuItem style={{paddingLeft: 13, textDecoration: 'none'}}> Team 1 </MenuItem></Link> MenuItem 구성 요소는 http://www.material-ui.com/#/components/menu 에 있습니다 . 어떤 통찰력이나 안내도 대단히 감사하겠습니다. 미리 감사드립니다.
9
webpack-dev-server가 react-router의 진입 점을 허용하도록 허용하는 방법
React-router와 함께 개발에서 webpack-dev-server를 사용하는 앱을 만들고 있습니다. webpack-dev-server는 한곳에 공개 진입 점 (예 : "/")이 있다는 가정하에 구축 된 것으로 보이지만 react-router는 무제한 진입 점을 허용합니다. webpack-dev-server의 이점, 특히 생산성에 좋은 핫 리로딩 기능을 원하지만 여전히 react-router에 설정된 경로를로드 할 수 있기를 원합니다. 함께 작동하도록 어떻게 구현할 수 있습니까? …
8
react-router에서 쿼리 매개 변수를 프로그래밍 방식으로 어떻게 업데이트합니까?
을 사용하지 않고 react-router로 쿼리 매개 변수를 업데이트하는 방법을 찾을 수없는 것 같습니다 <Link/>. hashHistory.push(url)쿼리 매개 변수를 등록하지 않는 것 같고 쿼리 개체 또는 다른 것을 두 번째 인수로 전달할 수없는 것 같습니다. 어떻게에서 URL을 변경하는 방법 /shop/Clothes/dresses에 /shop/Clothes/dresses?color=blue의는 반응 라우터를 사용하지 않고 <Link>? 그리고 onChange함수가 쿼리 변경을 수신하는 유일한 …
3
HtmlWebpackPlugin은 루트가 아닌 웹 사이트 경로를로드 할 때 중단되는 상대 경로 파일을 삽입합니다.
webpack과 HtmlWebpackPlugin을 사용하여 번들 된 js 및 css를 html 템플릿 파일에 삽입하고 있습니다. new HtmlWebpackPlugin({ template: 'client/index.tpl.html', inject: 'body', filename: 'index.html' }), 그리고 다음 html 파일을 생성합니다. <!doctype html> <html lang="en"> <head> ... <link href="main-295c5189923694ec44ac.min.css" rel="stylesheet"> </head> <body> <div id="app"></div> <script src="main-295c5189923694ec44ac.min.js"></script> </body> </html> 이것은 앱의 루트를 방문 할 때 …
7
react-router로 페이지를 떠나는 사용자 감지
특정 페이지에서 이동할 때 ReactJS 앱이 사용자에게 알리기를 원합니다. 특히 조치를 취하도록 상기시키는 팝업 메시지 : "변경 사항이 저장되었지만 아직 게시되지 않았습니다. 지금 수행 하시겠습니까?" 이를 react-router전역 적으로 트리거해야합니까 , 아니면 반응 페이지 / 구성 요소 내에서 수행 할 수 있습니까? 나는 후자에서 아무것도 찾지 못했고 차라리 첫 번째를 피하고 …
7
React Router의 동일한 구성 요소에 대한 여러 경로 이름
세 가지 경로에 동일한 구성 요소를 사용하고 있습니다. <Router> <Route path="/home" component={Home} /> <Route path="/users" component={Home} /> <Route path="/widgets" component={Home} /> </Router> 어쨌든 그것을 결합하여 다음과 같이 할 수 있습니까? <Router> <Route path=["/home", "/users", "/widgets"] component={Home} /> </Router>
13
React-Router 외부 링크
react-router를 사용하여 반응 앱에서 내 경로를 처리하고 있기 때문에 외부 리소스로 리디렉션하는 방법이 있는지 궁금합니다. 누군가가 맞았다 고 말하십시오. example.com/privacy-policy 다음으로 리디렉션하고 싶습니다. example.zendesk.com/hc/en-us/articles/123456789-Privacy-Policies 내 index.html에서 일반 JS로 작성하는 것을 피하는 데 정확히 도움이되지 않습니다. if ( window.location.path === "privacy-policy" ){ window.location = "example.zendesk.com/hc/en-us/articles/123456789-Privacy-Policies" }
9
react-router 해시 조각에서 쿼리 매개 변수 가져 오기
클라이언트 측에서 내 응용 프로그램에 react 및 react-router를 사용하고 있습니다. 다음과 같은 URL에서 다음 쿼리 매개 변수를 가져 오는 방법을 알아낼 수없는 것 같습니다. http://xmen.database/search#/?status=APPROVED&page=1&limit=20 내 경로는 다음과 같습니다 (내가 아는 경로는 완전히 잘못되었습니다). var routes = ( <Route> <DefaultRoute handler={SearchDisplay}/> <Route name="search" path="?status=:status&page=:page&limit=:limit" handler={SearchDisplay}/> <Route name="xmen" path="candidate/:accountId" handler={XmenDisplay}/> </Route> …
21
반응 라우터는 모든 전환에서 맨 위로 스크롤합니다.
다른 페이지로 이동할 때 문제가 있습니다. 그 위치는 이전 페이지와 동일하게 유지됩니다. 따라서 자동으로 맨 위로 스크롤되지 않습니다. 나는 또한 window.scrollTo(0, 0)onChange 라우터 에서 사용하려고했습니다 . 이 문제를 해결하기 위해 scrollBehavior도 사용했지만 작동하지 않았습니다. 이것에 대한 제안이 있습니까?
당사 사이트를 사용함과 동시에 당사의 쿠키 정책과 개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.