cyworld

Ract Router에서 브라우저 기록 푸시를 사용할 때 경로 매개 변수를 전달하는 방법 새로운 버전의 Ract Router를 사용하여 브라우저History.push()를 사용하여 전환 중인 경로로 매개 변수를 전달하는 방법은?만약 브라우저 히스토리가 이것을 허용하지 않는다면, 나는 전환하기 위한 다른 방법을 사용할 용의가 있다.React Router의 상위 하위 구성 요소에는 this.props.routeParams가 있지만 전환 시 이전 경로에서 원하는 값으로 채워지지 않는 것 같다.이제 너는 이런 일을 할 것이다. history.push({ pathname: '/about', search: '?the=search', state: { some: 'state' } }) 여기 API 설명서의 링크가 있다..

라우터 + Redex 반응 - 경로 변경 시 비동기 작업을 전송하시겠습니까? 리듀렉스랑 리액터기를 사용하는 범용 리액션 앱이 있어. 나는 다음과 같은 몇 가지 경로를 가지고 있다. /2016 /2015 /2014 /2013 등 각 경로에는 API의 데이터가 필요하다.현재, 나는 다음 것을 가지고 있다.탐색 구성 요소의 요소에서 비동기 작업 전송onClick이 경로에 대한 API의 데이터로 저장소를 채운다. MVP를 위해서, 나는 단지 그 팀을 덮어쓰는 것뿐이다.post: {}경로가 변경될 때 새로운 포스트 컨텐츠가 포함된 스토어 내 컨텐츠는 API에 있는 새로운 컨텐츠를 얻을 수 있다. 액션 디스패쳐를 하는 사람들이 있는 것을 나는 깨달았다.버튼은 뒤로 버튼을 누르는 것이 이전 경로에 대한 콘텐츠를 얻기..

기본 반응, 정의되지 않은 인덱스에 대해 정의된 경로가 없음 내 주문 탭인 두 개의 탭이 있는 주문 페이지를 만들고 싶다.그래서 나는 하나를 만들었다.Order.js서류철과 서류철OrderContent.js파일 Order.js /* @flow */ import React from 'react' import { View, StatusBar, } from 'react-native' import SplashScreen from 'react-native-splash-screen' import HomeHeader from '../Components/HomeHeader' import OrderContent from './OrderContent' export default class OrdersScreen exten..

라우터 v4 기본 페이지 반응(찾을 수 없음 페이지) 일치하지 않는 요청을 찾을 수 없는 페이지로 유도하는 것이 일반적인 목적이다. 리액터-러터 v4로 만드는 것은 이전 버전과 비슷해 보이며, 나는 이 샘플이 아래에도 효과가 있을 것으로 예상한다.링크는 잘 작동하지만, 나는 NotFound 컴포넌트가 요청된 알 수 없는 url이라고만 불릴 것으로 예상한다. 그러나 항상 거기에 있다. import { BrowserRouter as Router, Route, Link } from 'react-router-dom' class Layout extends Component { render() { return ( Home User ); } } 그 이후path="*"모든 요청 및 검색되지 않은 구성 요소를 항상 거기..

라우터 반응 - 대기하는 대신 히스토리가 먼저 발생 나는 여기에 올바른 순서가 아닌 방법으로 발사하는 방법이 문제가 있다.어떻게 만들는지 알 수가 없다.this.props.history.pushState(null, '/authors');saveAuthor() 메서드에서 대기한다. 도움은 크게 감사할 것이다. import React, { Component } from 'react'; import AuthorForm from './authorForm'; import { History } from 'react-router'; const source = 'http://localhost:3000/authors'; // History Mixin Component Hack function connectHistory ..

반응 라우터 간의 차이점.push and router.properties? 리액션 라우터의 차이점push and router.properties?라우터 히스토리는 다음과 같이 작동한다.stack의routes. 를 사용할 때router.replace너는 그 위에 덧씌워져 있다.사용 시router.push, 그것은 꼭대기에 새로운 루트를 추가한다.stack. 라우터 히스토리를 사용하면 마지막 페이지로 돌아갈 수 있다.예를 들어 사용자가 잘못된 경로를 탐색할 때router.replace사용자가 잘못된 경로로 다시 이동하는 것을 방지하십시오.웹 브라우저에서 방문한 페이지 기록은stack데이터 구조둘 중 하나라도 좋다.push역사책의 맨 위에 새 레코드 또는 당신이 할 수 있는 것.replace최고 기록사용한다면..

기본 방식 대응 - 공유 방법 취소 이벤트 나는 Android에서 콘텐츠를 공유하기 위해 Resact Native Share Method(https://facebook.github.io/react-native/docs/share.html))를 사용하고 있다. 설명서에 따라 다음과 같은 방법으로 사용할 수 있다. Share.share({ message: 'React Native | A framework for building native apps using React' }) .then((result) => { console.log(result.action) // returns sharedAction }) .catch((error) => { console.log(error) }) 그래서 우리가 전화할 때Sh..

github 페이지 사이트에 대한 react-router로 경로를 만들 수 있는가? 좋아, 반응 및 반응 라우터를 사용하여 SPA를 만들어 Github 페이지에 넣었지만 브라우저를 새로 고치거나 다시 클릭할 때 작성한 루트는 하나도 없어.나는 페이지를 로컬로 서비스할 때도 같은 문제가 있었지만, 이 SO 답변을 따라 각 경로에서 내 정적 HTML 페이지로 리디렉션을 제공하는 server.js 파일을 만들었다.파일 모양은 다음과 같다. "use strict"; let express = require('express'); let path = require('path'); let app = express(); app.use(express.static('public')); app.get('/contact', f..

단일 페이지 앱 react hot reload 웹 팩 사용 나는 웹팩데브서버와의 리액션 라우터를 사용하여 단일 페이지 리액션 앱을 설정하는 데 약간의 문제가 있다.내가 브라우저 히스토리 웹 팩을 사용하면 중첩된 경로 URL(예:/client/view)을 입력할 때 몇 가지 문제가 있다.apiFallback을 추가하면 해결될 수 있지만 핫로딩은 여전히 문제가 있다.존재하지 않는 딥 url(/client/view/hot-update.json)에서 hot-update.json 파일을 로드하여 실패하여 페이지를 다시 로드하려고 한다.hotreload를 기본 URL(/)에서 hot-update.json을 항상 로드하도록 하려면 어떻게 해야 하는가? a를 사용할 때도 비슷한 문제가 있었다.publicPath이외에'..

리액트-라우터 V6 "url 변경은 있지만 구성 요소가 렌더링하지 않음" 스택 오버플로에 이미 게시된 모든 답변을 확인했음에도 불구하고 나는 내 사례에 대한 해결책을 찾지 못했기 때문에 그것을 게시할 것이다. 사용자 지정 기록 개체를 사용하여 Redex 작업에서 탐색할 수 있도록 'react-roouter(v6)의 {Router}을(를) 사용하고 있다. 여기 내 파일들이 있다: 인덱스.tsx import { Router } from 'react-router'; import myHistory from './utils/history'; ReactDOM.render( , document.getElementById('root') ); 앱.tsx import MainNavigation from './compone..