반응형

react-router 31

대응 라우터 URL 매개 변수가 작동하지 않음

대응 라우터 URL 매개 변수가 작동하지 않음 Ract Router의 URL 매개 변수 기능을 사용할 수 없으므로 통찰력이 유용할 수 있음!나는 'react-router' 대신 'react-router-dom-dom'을 사용하려고 했지만, 이 남자가 받는 오류는 다음과 같다: https://github.com/ReactTraining/react-router/issues/1799 localhost:8000을 하면 앱이 작동한다.localhost:8000/123으로 이동하면 브라우저에서 index.html을 무반응으로 렌더링한다.익스프레스가 리액션을 방해하는가?익스프레스에서 내가 가진 전부는 다음과 같다. app.get('*', function response(req, res) { res.write(midd..

programing 2022.04.01

여러 번 마운트된 반응 및 반응 라우터 비동기 구성 요소(구성 요소DidMount를 여러 번 호출함)

여러 번 마운트된 반응 및 반응 라우터 비동기 구성 요소(구성 요소DidMount를 여러 번 호출함) 나는 웹팩 3.7.1과 리액션 15.6.1을 사용하고 있으며, 다른 구성 요소를 동적으로 로딩하고 있다. 내가 한 일 AsyncComponent 및 가져오기()를 사용하여 청크를 생성하고 비동기식으로 구성 요소 로드 청크가 생성되도록 webpack.config 파일을 올바르게 구성(코드 분할) 이슈 구성부품을 여러 번 다시 렌더링(장착)한다.콘솔에서 모든 구성 요소의 구성 요소DidMount()에 무언가를 기록하면 콘솔에 2회 이상 표시됨!전에는 그렇게 하지 않았다: 내가 부품을 정상적으로 수입하고 있었을 때... 비동기 구성 요소로 변경하기 전의 동작 구성 요소가 올바르게 장착되었고 한 번만 장착됨....

programing 2022.03.31

대응 구성 요소 라이브러리 렌더링 대응 링크

대응 구성 요소 라이브러리 렌더링 대응 링크 일부 프로젝트에서 사용하고 있는 리액션 컴포넌트 라이브러리를 개발했다. 그 중 하나가 스토리북이다. 그래서 나는 스토리북을 만들었다.BrowserRouter내 이야기에 더하기 위한 장식가 그리고 구성 요소들은 단지 보여주고 노는 목적을 위해 완벽하게 표현된다. 그러나 다른 프로젝트에서 일부 구성 요소를 사용할 경우 다음과 같은 특징이 있다.BrowserRouter내 앱 구성 요소 트리의 최상위 수준에서 다음 오류가 표시됨: Error: Invariant failed: You should not use outside a 여기, 당신은 내가 나의 것으로부터 표현하려고 하는 것의 짧은 조각을 볼 수 있다.ConsumerProject: 인덱스.js: import Re..

programing 2022.03.30

react-router에서 앱의 기본 이름 구성

react-router에서 앱의 기본 이름 구성 나는 react-router 2.x 구성, 특히 앱 기본 이름 때문에 약간 힘들어. 라이프사이클 전체에 걸쳐 다른 기본 루트를 가질 수 있는 애플리케이션을 가지고 있다.예를 들어, /개발 중인 /users생산 중인 /account이주 후 생산 중에. 기본 이름은 다음과 같은 여러 곳에서 사용된다. 웹 팩의 정적 자산 컴파일 재활성화 기본 구성 Redirect 경로(Redirect 경로)를 Redirectx 작업으로 지정 이와 같은 것을 제공하는redirectUrlAPI 호출로 현재 나의 솔루션은 ENV 변수를 가지고 웹 팩과 앱 자체에서 모두 사용할 수 있도록 하는 것이다.window.defs익스프레스 서버를 통해, 그러나 나는 여전히 다음과 같은 것들을 ..

programing 2022.03.26

의미-UI 사이드바.푸셔로 인해 반응 라우터가 해당 구성 요소를 리렌더하도록 함

의미-UI 사이드바.푸셔로 인해 반응 라우터가 해당 구성 요소를 리렌더하도록 함 나는 반응 라우터와 의미-의 사이드바를 사용하고 있다.사이드바를 볼 수 있는 것과 보이지 않는 것 사이를 전환할 때, 라우터는 그 구성요소를 트리거한다(OilBarrelComponent)를 재현할 것(단순히 'pushed'하지 않는다).이것은 불필요해 보이고 내가 원하지 않는 부작용이 있다.내 코드에 문제가 있어서OilBarrelContainer사이드바를 전환한다고 해서 재생성할 구성 요소? import {BrowserRouter as Router, Route, Link, Switch} from 'react-router-dom'; import {Sidebar, Segment, Button, Menu, Icon} from 's..

programing 2022.03.25

대응: 하위 도메인으로 리디렉션할 때 쿠키 보존

대응: 하위 도메인으로 리디렉션할 때 쿠키 보존 다음과 같은 자체 하위 도메인으로 인증된 후 사용자를 리디렉션해야 함 company.test.com로부터test.com 인증 페이지는 다음에 열린다.test.com성공적인 인증에 대한 응답을 받으면 데이터베이스에서 사용자의 하위 도메인 이름을 얻는다.그래서 회사명xyz로 리디렉션해야 함xzy.test.com, 그 부분은 이미 끝났다. 문제는 사용자의 세션이다.인증된 사용자 데이터를 Reducx에 저장하고 페이지가 새로 고쳐지거나 하위 도메인으로 리디렉션되면 사용자 데이터가 손실된다. 내가 생각할 수 있는 것은 인증된 사용자를 통과해야 한다는 것뿐입니다.id다음과 같은 하위 도메인과 함께xyz.test.com/encrypted-user-id경로로 이동하면 백..

programing 2022.03.24

라우터 4 응답.활성 경로 가져오기

라우터 4 응답.활성 경로 가져오기 나는 코드를 가지고 있다. 라우터.js import React from 'react'; import {render} from "react-dom"; import history from './history'; import {Router, Route} from 'react-router' import Main from "./main/component"; import Profile from "./profile/component"; import TextStatus from "./textstatus/component"; import ContactList from "./contactlist/component"; render(( ), document.getElementById("ma..

programing 2022.03.24

_이2로 반응하다.setState가 함수가 아님 - 바인딩 문제 발생 가능

_이2로 반응하다.setState가 함수가 아님 - 바인딩 문제 발생 가능 나는 아주 새로운 반응을 보이고 있고, 무엇이 이 오류를 일으키는지를 알아내기 위해 애쓰고 있다.chrome console bundle.js:15316 Uncaught (in promise) TypeError: _this2.setState is not a function 나는 로그인 흐름을 배우기 위해 웹앱에 페이스북으로 간단한 로그인을 하려고 한다. 로그인을 설정했다./(또한 나의home페이지 이동 경로).내 생각에 문제는 라우팅이나 그 무엇과도 관련이 없는 것 같아.이것은 에 문제가 있는 것 같다.binding에react그리고 이 틀에 익숙하지 않다 - 나는 이것을 어떻게 해결해야 할지 고민 중이다. 나의/또는home항로jsx..

programing 2022.03.21

기본 라우터는 항상 reactive 라우터에서 실행

기본 라우터는 항상 reactive 라우터에서 실행 나는 StrikeDash 템플릿을 사용하는 프로젝트를 하고 있어.여기서 나는 URL에서 경로를 변경하는 동안 라우팅의 몇 가지 문제에 직면한다. auth.js import React, { lazy, Suspense } from "react" import { Spin } from "antd" import { Switch, Route, Redirect } from "react-router-dom" import AuthLayout from "../container/profile/authentication/Index" const Login = lazy(() => import("../container/profile/authentication/overview/Si..

programing 2022.03.21
반응형