반응형

react-router 36

ReactCSSTranscriptionGroup 및 React Router를 통해 복잡한 애니메이션이 가능하십니까?

ReactCSSTranscriptionGroup 및 React Router를 통해 복잡한 애니메이션이 가능하십니까? ReactCSSTransitionGroup이 내 사용 사례에 적합한지 아닌지 궁금하다. 한 경로에서 사용자가 검색 버튼을 클릭하면 검색 페이지에 로드되는 동안 버튼이 다른 방향으로 전환되어야 한다.한 번 로드되면 페이지의 일부 영역이 측면에서 애니메이션으로 표시된다. 전체 페이지 전환이 간단해 보이도록 Ractive Router와 함께 이것을 사용하고 있지만 이러한 방식으로 특정 요소를 애니메이션화하는 것이 더 어려워 보인다. ReactCSSTranscriptionGroup이 이 문제를 처리할 수 있어야 하는가? 아니면 다른 대안을 찾아야 하는가?내 생각에 대답은 "그래, 가능해"이다. 나..

Programing 2022.03.13

서버 렌더링 react-router v4 패스스루(404인 경우)

서버 렌더링 react-router v4 패스스루(404인 경우) react-router v3에서는 서버측 렌더링이 현재 URL과 일치하지 않는 경우를 알 수 있었다.이것으로 나는 그 요청을 내 손에 넘길 수 있었다.express.static렌더링된 앱을 보내는 대신 미들웨어. react-router v4에서는 const htmlData = renderToString( ); 서버 측에서 렌더링할 수 있도록.그러나 모든 것을 자동으로 다음으로 자동 리디렉션/왜 이런 행동이 존재하는가?우리가 예상한 대로 묵묵히 실패하는 오류를 범할 수는 없을까? 아무 것도 일치하지 않는다는 것을 어떻게 알 수 있었기에 내가 전화를 걸 수 있었다.next()다른 급행열차의 노선이 그 일을 맡긴다고? 다음은 내가 사용하고자 하..

Programing 2022.03.12

React.createElement: 유형이 잘못됨 - 문자열 필요

React.createElement: 유형이 잘못됨 - 문자열 필요 리액트-라우터(3.0.0-베타.6)와 리액트-핫-로더(3.0.0-베타.6)가 잘 작동하도록 시도하지만 브라우저 콘솔에서 다음 오류가 표시됨: Warning: React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in. 인덱스.js: import React from 'react'; import React..

Programing 2022.03.11

라우터 클릭을 두 번 이상 반복하고 브라우저 뒤로 단추

라우터 클릭을 두 번 이상 반복하고 브라우저 뒤로 단추 반응 라우터 예제 https://reacttraining.com/react-router/web/example/basic 을(를) 클릭해봅시다.about1회 이상 연결한다. 그리고 만약 내가 다시 돌아가고 싶다면home브라우저 뒤로 단추 옆에 있는 페이지로 돌아가려면 1번 이상 클릭해야 함home페이지를 매기다 어떻게 하면 이 문제를 피할 수 있을까?나는 사용하고 있다react-router, 그리고create-react-app.참조URL: https://stackoverflow.com/questions/55105402/react-router-click-same-link-more-than-one-times-and-browser-back-button

Programing 2022.03.11

레일 레이아웃을 사용하여 다른 반응 구성 요소에서 반응 구성 요소 렌더링

레일 레이아웃을 사용하여 다른 반응 구성 요소에서 반응 구성 요소 렌더링 양식을 성공적으로 제출할 때 다른 구성요소를 렌더링하려고 한다.양식은 레일 레이아웃이 다르고 양식을 제출한 후 다른 레이아웃으로 리디렉션한다. 리액터-라우터를 사용하여 구성 요소를 렌더링하고 객체를 리디렉션하지만 레이아웃으로 렌더링하는 방법은?또한 나는 양식을 제출한 후 반응하여 플래시 메시지를 표시하기를 원한다.따라서 제출 양식 후에 페이지를 다시 로드할 경우 대응 구성 요소에서 플래시 메시지를 설정할 수 없다.제안할 거 있어? 감사합니다.이것을 시도해봐 도움이 될지도 몰라. https://github.com/reactjs/react-rails/issues/901 React 구성 요소를 사용하여 레이아웃을 작성하려면 레이아웃 구성..

Programing 2022.03.10

조건에 따라 모든 경로가 동적으로 로드될 때 경로로 리디렉션하는 방법?

조건에 따라 모든 경로가 동적으로 로드될 때 경로로 리디렉션하는 방법? 이것은 컨텍스트에서 사용자 객체를 기준으로 라우트(Ract Router dom 5)를 로드하는 나의 코드다. function App() { return ( ); } 내비게이션 코드.여기서 나는 조건부로 경로를 적재한다. function Navigation() { const { contextState } = useUserContext(); const routes = contextState.user ? routesAuthenticated : routerUnauthenticated; return ( {routes.map((route, index) => { return ( ( )} /> ); })} ); } 컨텍스트 사용자 객체를 기반으로 ..

Programing 2022.03.10
반응형