반응형

react-router 31

여러 경로를 한 번에 보여주는 리액트라우터 v4

여러 경로를 한 번에 보여주는 리액트라우터 v4 나는 리액터-루터-돔을 사용한 나의 라우팅이 모든 루트를 한 번에 보여주는 문제가 있다.그래서 내가 앱 구성 요소와 라우팅을 포함하는 시작을 렌더링할 때, 나는 각 라우트의 페이지를 서로 위로 보고 있다.그래서 다음과 같이 보인다. Sooo가 이 모든 것이 어떻게 시작되는지를 시작하려면, 이것이 페이지에서 앱 구성 요소를 렌더링하는 내 인덱스.jsx이다. // Dependencies import React from 'react'; import ReactDOM from 'react-dom'; // Components import App from './components/app.jsx'; // Styles import './index.scss'; const c..

programing 2022.04.09

인덱스로 라우터 리디렉션 응답

인덱스로 라우터 리디렉션 응답 리액션, 리액션 라우터, 릴레이를 사용하고 있다.문제는 내 프로그램 컴포넌트에서 클릭하는 모든 링크가 홈페이지로 리디렉션되고 요소의 URL은 내가 기대하는 것을 정확히 보여준다.예: /community/2/program/3에 대한 링크를 클릭하면 홈페이지로 리디렉션되지만 /community/2/program/3을 브라우저 주소 표시줄에 입력하면 해당 페이지에 액세스할 수 있다. 내 인덱스.js: const rootNode = document.createElement('div'); document.body.appendChild(rootNode); ReactDOM.render( , rootNode ); 내 경로: import React from 'react'; import { ..

programing 2022.04.09

동일한 구성 요소 내부에서 호출될 때 라우터 "링크"가 새 데이터를 로드하지 않음

동일한 구성 요소 내부에서 호출될 때 라우터 "링크"가 새 데이터를 로드하지 않음 배경 나는 다음 세부사항으로 앱을 만들고 있다. 반응하다 반작용의 환원하다 그것은 보편적인 자바스크립트다. 노드 js 문제 로 라우팅할 때Link부품에서 부품으로 태그를 지정하면 완벽하게 작동한다.컴포넌트가 필요로 하는 데이터를 호출하고 페이지를 렌더링한다.그러나 내가 a를 클릭Link현재 구성 요소와 동일한 구성 요소를 사용하는 것은 URL 변경뿐입니다. 시도 내가 노력한 결과들이 효과가 있었어 시도 1 지금까지 나는 이 질문의 단계를 시도했지만 해결책은 나에게 효과가 없을 것이다.이것이 내가 구현한 코드였다. componentWillReceiveProps(nextProps) { if (nextProps.article.g..

programing 2022.04.08

대응 라우터에서 로그인 페이지의 탐색줄을 숨기는 방법

대응 라우터에서 로그인 페이지의 탐색줄을 숨기는 방법 로그인 페이지에서 검색대를 숨기고 싶다. 실제로 했는데 다른 페이지에서는 내비게이션이 안 보여. 이 코드는 My App.jsx 파일의 일부임. 앱의 주(州)에서 역사를 만들었어그리고 이 경로 이름이 '/' 또는 '/로그인'일 때 나는 탐색줄을 숨긴다. 됐다! 그런데 ID와 비밀번호를 입력하고 로그인 버튼을 클릭해 '성공' 결과를 얻고 '/main'으로 이동했다. 이제 메인 컴포넌트에도 내비게이션이 보이지 않는다. 어떻게 이럴 수가 있지? 나의 짧은 영어 실력은 미안해.내 질문을 이해할 수 없다면, 코멘트를 해도 된다. constructor(props) { super(props); this.state = { isAlertOpen: false, histo..

programing 2022.04.08

유성용 kadira:flow-router보다 react-router를 사용할 경우의 이점은?

유성용 kadira:flow-router보다 react-router를 사용할 경우의 이점은? 나는 운석에 익숙하지 않다.나는 투표 기반 프로젝트를 운석과 반응으로 발전시키기 위한 모범 사례를 찾고 있다.내가 인터넷에서 찾으려 했던 문제들 중 하나는 유성에서 라우터를 위한 두 가지 옵션 중 하나를 사용하는 것에 대한 장단점이다. kadira:flow-router는 구현이 매우 간단해 보이지만, 나는 Github가 react-router를 구현하는 것에 대한 많은 프로젝트를 본다. 유성용 두 라우터 패키지의 비교에 대한 아이디어 있으십니까?리액션이 있는 운석에 집중한다면 플로우루터를 추천한다. 그렇지 않으면 react-router 또는 reducx-router(reducx의 경우)를 선택하십시오. 리액트 라..

programing 2022.04.07

매개 변수를 사용하여 라우터 반응 - CSS 스타일링 BREAKS? - 상태 304 수정 안 됨?

매개 변수를 사용하여 라우터 반응 - CSS 스타일링 BREAKS? - 상태 304 수정 안 됨? 제발 도와주세요.나는 모든 것이 잘 작동하고, 등록 페이지가 잘 작동하며, 로그인 페이지도 잘 작동한다.그러나 예를 들어 url route /user/3로 가면 react/remensx 앱의 공용 디렉터리에 있는 사용자 지정 CSS 스타일링 페이지가 깨진다.내 스타일시트는 더 이상 읽히지 않는다.부트스트랩 스타일만. 크롬 개발 도구의 네트워크 탭을 보면 내 다른 경로 스타일시트가 상태 200으로 전송되지만, 슬래시로 경로에 액세스하려고 하면(예: /user/4), 스타일시트가 304 Not Modified...로 전송된다. ReactDOM.render( , document.getElementById('roo..

programing 2022.04.06

반응 라우터가 매개 변수와 함께 작동하지 않음

반응 라우터가 매개 변수와 함께 작동하지 않음 다음과 같은 설정이 있다. 경로http://localhost:8100/network효과가 좋다경로http://localhost:8100/network/abc123콘솔에 404 오류가 나타나는 경우전에 이런 거 본 사람 있어?다른 시도를 할 수 있는 것은 a를 추가하는 것이다. 기본 HTML 페이지의 머리 태그 내부에 태그를 추가하십시오. 네트워크 경로 내부에 '/id'를 중첩하는 것을 잊으셨습니다.반응 라우터는 다른 경로 내에 경로를 배치하여 중첩된 라우팅을 허용...만약 당신이 네트워크 내부에 모든 네트워크/아이드를 가지고 있고 네트워크가 그것의 자식들을 렌더링한다면, 이것은 제대로 작동할 것이다. 새로운 NetworkMetaContainer는 단순한 렌더..

programing 2022.04.05

리액터 힘 쿼리 문자열이 단일 요소가 있는 배열이어야 함

리액터 힘 쿼리 문자열이 단일 요소가 있는 배열이어야 함 나는 방금 로 만들어진 앱을 마이그레이션했다.react그리고react-router구본에서 에 이르기까지.react 0.15그리고react-router 2.0 이전 버전에서Links다음과 같이 생성된 경우: {name} 이것은 다음과 같은 URL을 구성했다./route/?ids[]=1그렇게 되면 구성 요소 안에 들어가게 되겠지 this.props.query = { ids: ['1'] } 업그레이드 후Link선언이 다음으로 변경됨: {name} 다음과 같은 URL을 생성함/route/ids=1, 이제 라우터는 다음과 같이 쿼리 문자열을 구문 분석한다. this.props.location.query = { ids : '1' } 링크 선언의 배열이 URL..

programing 2022.04.03

반응 라우터 GoBack()이 제대로 작동하지 않음

반응 라우터 GoBack()이 제대로 작동하지 않음 나는 문제에 직면했다.나는 라우팅에 반응-라우터-돔을 사용한다.잘 되고 있는데 GoBack이 제대로 안 되고 있어.내가 뒤로 버튼을 클릭했을 때, 첫번째 버튼은NotFound/Signin페이지 후 페이지로 리디렉션한다.어떻게 하면 이 문제를 극복할 수 있을까? import React from 'react'; import { Router, Route, Switch } from 'react-router-dom'; import createBrowserHistory from 'history/createBrowserHistory'; import Signin from '../ui/signin/Signin'; import AddEvent from '../ui/eve..

programing 2022.04.02

index.js:1375 Warning: Material-UI: 탭 구성 요소에 제공된 '/' 값이 잘못됨.이 값을 가진 탭 하위 탭 없음

index.js:1375 Warning: Material-UI: 탭 구성 요소에 제공된 '/' 값이 잘못됨.이 값을 가진 탭 하위 탭 없음 자재 UI 탭과 리액션루터 모두 시각적으로 잘 작동하고 있지만, 개발자 도구를 사용하면서 핸드폰 사이즈의 경우 탭이나 메뉴 버튼을 클릭할 때마다 오류가 발생한다는 것을 알게 되었다.오류는 다음과 같다. index.js:1375 Warning: Material-UI: the value provided/to the Tabs component is invalid. None of the Tabs children have this value. You can provide one of the following values: 0, 1, 2, 3, 4, 5. 라우터를 상태 및 활성..

programing 2022.04.02
반응형