prostudy

react-reason - 처리기 구성 요소에 전달 나는 Ract Router를 사용하는 React.js 응용 프로그램에 대해 다음과 같은 구조를 가지고 있다. var Dashboard = require('./Dashboard'); var Comments = require('./Comments'); var Index = React.createClass({ render: function () { return ( Some header ); } }); var routes = ( ); ReactRouter.run(routes, function (Handler) { React.render(, document.body); }); 몇 가지 속성을 에 전달하고 싶다.Comments구성 요소 (보통 나는 이렇게 할 것이..

브라우저의 4번 리액션루터, 멀티레벨 탭 메뉴 만드는 방법? 브라우저 앱에서 react-router-dom과 react-router-config v4를 사용하고 있다.경로 그래프(각 경로에는 렌더링할 구성 요소가 있거나 다음 레벨 메뉴로 표시할 하위 경로가 있음)에서 다중 탭 메뉴가 필요하다. 다음과 같은 메뉴 구조를 받고 싶다. 다음과 같은 설명에서: const routes = [ { path: "/Tab1", name: "Tab 01" component: Tab1 }, { path: "/Tab2", name: "Tab 02" component: Tab12 }, { path: "/Tab3", name: "Tab 03" component: null, routes: [ { path: "/Tab3/SubTa..

반응 + 반응 라우터가 DOMException을 던질 때 getmdl 사용 이것은 기본적인 예로서 당신은 여기서 그리고 여기서 실행 중인 소스 코드를 볼 수 있다. 제발, 사용해줘getmdl가지를 치다 git clone -b getmdl https://gitlab.com/problems/react_router_mdl_js.git 사용할 때mdl-js-layout두 개의 구성 요소에서 한 구성 요소에서 다른 구성 요소로 이동하려고 시도하면 콘솔에 다음과 같은 예외가 발생함: 기억: 서랍은 작업해야 함 리액션 구성 요소를 생성하려고 함MdlLayout전화를 걸다upgradeDom componentDidUpdate () { window.componentHandler.upgradeDom() } 수동으로 수행하려..

이전 리액터-라우터(# 포함)를 BrowserRouter로 리디렉션하는 방법? 우리는 교체한다.react-router-doms HashRouter와 함께BrowserRouter오래된 노선을 새로운 노선으로 바꾸고 싶어해나는 태그를 달았다.nginx거기로 우회전해도 상관없으니까:) 그러니 옛날 길이 있다고 해/#/users그리고/#/users:id: 일치시키고 다음으로 리디렉션해야 한다./users그리고/users/:id. 지금까지 노력했다(react-router-dom v5.0.1): 첫 번째 노선이 일치하고 방향을 바꾸면 좋다.두 번째 (와 함께)id)은 문제가 있다.탐색할 때/#/users/123로 방향을 바꾸다./users/:id. 실물을 대체하고 있다.123와 함께:id. 그것들은 노선의 두 가지..

전체 페이지를 다시 로드하도록 재조정 및 재조정 나는 단지 얻으려고 노력하고 있다.React-Boostrap그리고React-Router함께 달리고 있다.나는 간단한 셸을 만들기 위해 Create React 앱을 사용했어. 이건 내 코드야, 이건 실제로 잘 작동해React Router import React, { Component } from "react"; import { RouteComponentProps, useHistory } from 'react-router'; import { BrowserRouter as Router, Switch, Route, useParams, BrowserRouter } from "react-router-dom"; import 'bootstrap/dist/css/boots..

리디렉션 후 구성 요소의 이.props.location에 액세스할 수 없음 컴포넌트 1의 어딘가에 다음과 같은 것이 있다. if (redirectToReferrer) { return ; } 내 컴포넌트 2에는 다음과 같은 내용이 있다. constructor(props){ super(props); console.log(this.props.location) //undefined } 문서에 따르면, 이것은 효과가 있을 것이다. 상태 개체는 리디렉션된 구성요소에 있는 이.props.location.state를 통해 액세스할 수 있다.이 새로운 레퍼러 키(특별한 이름이 아님)는 '/login' 경로 이름으로 가리키는 로그인 구성 요소의 이.props.location.state.referer를 통해 액세스된다. 왜..

라우터 v4 모달 반응 이전 버전의 Raction Router에서 수행하는 방법은 알고 있지만 새로운 Raction Router v4에서는 전혀 알지 못한다.누가 좀 도와줄래? 내가 원하는 게 뭐야? 브라우저 url에 /image/1을 입력하면 페이지가 정상적으로 나타난다. 클릭할 때Image as modal위엄 있게modal: true, 이미지가 있는 모달은 나타나지만 모달 뒤에 있는 모달은 브라우저의 이전 컨텐츠 + url이어야 한다 == /image/1...그러면 F5를 누르면 페이지가 정상적으로 나타난다. 예: 인스타그램...등 내가 뭘 잘못하고 있다고 생각하나? 나는 이전의 내용을 어떻게 표시해야 할지 모르겠다.내가 추측하는 것은 그것뿐이다. 코드 : const Images = (props) =..

반응을 사용하여 개체 배열을 다른 구성 요소로 전달 어레이 라인 소품을 하위 구성 요소에 전달할 수 있는 방법이 있는가?- 결과 구성요소는 데이터를 렌더링하기 위해 주 구성요소의 배열이 필요하다.이거 어떻게 하는 거야?단일 ID 전송에 대한 다른 논의가 있다. - URL에도 추가되지만 - 내 질문은 링크와 함께 n개의 개체 수 배열처럼 데이터를 전송할 수 있는 방법이 있을까? 업데이트됨: client/index.js import React from 'react'; import { render } from 'react-dom'; import { BrowserRouter as Router } from 'react-router-dom'; import { Provider } from 'react-redux'; ..

TypeError 가져오기: 개체(...)는 대응에서 경로를 변경할 때 사용하는 함수가 아님 다음 오류가 발생하는 이유는 확실하지 않다. Uncaught TypeError: Object(...) is not a function at Redirect.componentDidUpdate (Redirect.js:42) 내 경로의 렌더링 방법인터셉터 구성요소: render() { const { forbidden, notFound } = this.state; const { authed } = this.props; // const { location } = this.props; // const { pathname } = location; console.log('this.props', this.props); conso..

농담을 사용한 조롱 반응-라우터-돔 후크가 작동하지 않음 효소의 얕은 방법을 사용해서 성분을 테스트하고useParamsURL 매개 변수에서 ID를 얻으려면 후크를 누르십시오. 나는 그 사람을 조롱하려고 한다.useParams실제 방법을 호출하지 않도록 훅을 걸지만 작동하지 않는다.난 아직도 이해가 안 그래.TypeError: Cannot read property 'match' of undefined그래서 그것은 실제를 부른다.useParams내 조롱이 아니라 내 구성 요소: import React from 'react'; import { useParams } from 'react-router-dom'; export default () => { const { id } = useParams(); return..