c10106

React 애플리케이션에서 사용자를 리디렉션하는 모범 사례는 무엇인가? 나는 대응 애플리케이션에서 사용자 리디렉션과 관련된 훨씬 더 많은 사례를 보아왔고 모든 사례는 솔루션에 대한 다른 접근법일 뿐이었다."이런 행동에서 리디렉션이 발생한 사례도 있다. export const someAction = (values, history) => async dispatch => { const res = await someAsyncOperation(props); history.push('/home'); dispatch(someAction); } 이 예에서 history object(폼 react-router)는 react 구성 요소로 전달되고 있다.나로서는 이런 접근은 용납되지 않는다.리액터 로터로부터의 특별한 리다이..

정적 인덱스.html 파일에서 react-router BrowserRouter를 사용하는 방법 npm run build로 생성된 static index.html 파일을 react-router와 함께 사용하려고 한다.tl;dr is; 나는 클라이언트 서버를 원하지 않는다. 나는 빌드 폴더에 있는 index.html 파일을 열어 앱을 로드하고 BrowserRouter가 구성 요소들 사이를 라우팅할 수 있기를 원한다.At the moment, the page will load the 'home' component if I exclude the 'exact' prop in the route path, meaning it knows that it's out there somewhere, I just don't k..

'exact' 속성이 유형에 없음 나는 사용하려고 한다.react-router-dom내 리액션 앱 안에서도 javascript 대신 typecript를 사용하고 있어.여기서 문제는 내가 내 부품 안에 있는 루트를 수입해서 작동시킬 수 없다는 것이다.이미 설치했음@types/react-router-dom하지만 어떤 이유에선지 여전히 예상대로 작동하지 않고 있다. 사용하려는 구성 요소react-router-dom import {BrowserRouter as Router, Route} from "react-router-dom"; const App = () => { return ( ) } export default App; 그리고 이것이 내가 받는 오류다. TypeScript error in /Users/ves..

"Uncaught TypeError: 정의되지 않은 속성 '유형'을 읽을 수 없으며, 관련 내용이 명확하지 않음 난 원래 이 문제가react-redux,axios,lodash, 및/또는react-dropzone; 그러나, 파일은 잘 업로드되고 있지만, 이 오류는 여전히 트리거된다. (콘솔에 "실패"라고 되어 있음에도 불구하고, 파일은 서버에 게시되고 있다.) 나는 그 문제가 관련이 있다고 생각하기 시작했다.react-router-redux여기서 읽은 내용에 따르면: https://github.com/reactjs/react-router-redux/issues/182 하지만, 그 제안들은 나에게 효과가 없다. 어쨋든, 난 지금..Uncaught TypeError: Cannot read property 't..

Netlify에서 React 웹 사이트를 배포할 때 빈 페이지 리액션을 사용하여 개인 웹 사이트를 배포하려고 하는데 리액트 가져오기 오류가 있는 빈 페이지가 표시되고 있어.그것은 지역 사회자에게 잘 작동한다.나는 그것을 해결하려고 하루 종일 허비했지만 성공하지 못했다.뭐가 문제인지 생각나는 거 있어?미리 고맙다. 오류: "예상치 않은 식별자 'React'.가져오기 호출에서 정확히 한 줄의 인수"를 예상함 import React from 'react'; import ReactDOM from 'react-dom'; import { BrowserRouter } from 'react-router-dom'; // import injectGlobal helper import { injectGlobal } from ..

대응 테스트 라이브러리:useLocation()이 포함된 구성 요소를 테스트하는 방법 나는 레드우드를 사용하고 있다.후드 아래에서 리액션 테스트 라이브러리를 사용하는 JS.useLocation() 후크 때문에 구성요소(및 트리에 이 구성요소가 있는 모든 페이지 구성요소)를 테스트하려고 애쓰고 있다. 사용 시useLocation()구성 요소 내부 후크, 오류를 방지하기 위해 브라우저 위치 기록을 조롱하는 라우터로 테스트 중인 구성 요소를 포장해야 함Error: Uncaught [TypeError: Cannot read property 'pathname' of undefined]. 하지만 그렇게 하면 항법 구성요소가 더 이상 완전히 렌더링되지 않아 테스트할 수 없어...무슨 생각 있어? 항법js //impo..

라우터가 정의되지 않은 대응 라우터 및 스프링 부트 서버 내 앱에 리액트 루트를 추가하려는 경우 아래 코드가 있음: react에서 react, react-dom에서 reactDOM 가져오기; import { Router, browserHistory } from 'react-router'; import App from './App.js'; ReactDOM.render( , document.getElementById('root') ); 앱: import React from 'react'; class App extends React.Component { render() { return ( Hello ); } } export default App; 8080에서 수신하는 스프링 부트 서버가 있으며 브라우저에서 l..

리액터 라우터 경로 전환과 함께 사용자 지정 구성 요소를 사용하는 방법 탐색 확인 기사는 전환 후크에서 브라우저 확인 상자를 사용하는 방법을 설명한다.좋아. 하지만 나만의 대화 상자를 사용하고 싶어.만약 내가 그 방법들을 사용한다면history나는 이것이 가능하다고 생각한다.이렇게 할 수 있을까?setRouteLeaveHook리액트레이닝으로?핵심 문제는 이다.setRouteLeaveHook후크 기능이 동기적으로 결과를 반환할 것으로 예상한다.즉, 사용자 정의 대화 상자 구성 요소를 표시할 시간이 없으며 사용자가 옵션을 클릭할 때까지 기다렸다가 결과를 반환하십시오.그래서 비동기식 후크를 지정할 방법이 필요하다.여기 내가 쓴 유틸리티 기능이 있다. // Asynchronous version of `setRo..

createMemoryHistory는 여전히 브라우저 역사에는 DOM이 필요하다고 보고한다. 나는 모든 목적을 위해 내가 되어서는 안 된다고 믿는 오류를 받고 있다 :) 흐름은. 고객 history.js>client/index.js>history = createBrowserHistory> 서버 history.js>server/index.js>history = createMemoryHistory> 나는 메모리가 서버에서 사용되고 있다는 것을 확인할 수 있다. 메모리는 서버상에서 사용되며, 메모리는 서버상에서 다운되어 우리는 결코 서버에 도착하지 않는다.BroswerHistory server.js 오류 Invariant Violation: Browser history needs a DOM 30 | 31 | ..

이번의history.properties/"는 나를 홈페이지로 리디렉션하지 않는다. 이 로그인 페이지를 홈 페이지로 리디렉션하려고 하는데 어떤 이유로 인해this.props.history.push('/')방향을 바꾸는 게 아니야나는 a를 가지고 있다.handleSubmit내가 로그인 버튼을 누른 후에 실행되도록 되어 있다.나는 무슨 일이 일어나고 있는지 잘 모르겠다.로그인 버튼을 누르면handleSubmit그러나, 그것은 정확히 다음에서 잡힌다.this.props.history.push('/')어떤 도움이라도 감사하다. 앱.js class App extends Component { render() { return ( {/* */} ); } } export default App; 로그인.js class Lo..