URL을 변경하지 않고 라우터 응답
URL을 변경하지 않고 작동하는 라우팅을 해야 해.
이것을 스스로 실행하기 전에, 나는 라우터를 반응시켜 무언가를 찾으려고 노력했다.나는 다음과 같은 것이 있는 것을 보았다.
createMemoryHistory([옵션])
createMemoryHistory는 브라우저 URL과 상호 작용하지 않는 인메모리 히스토리 객체를 생성한다.이것은 서버 측 렌더링, 자동 테스트 또는 iframe에 응용 프로그램이 포함된 경우와 같이 브라우저 URL을 조작하지 않으려는 경우에 유용하다.
그러나 이 단락 이상에는 사용 예제가 없으며, 이 용어의 사용법(예: 사용 방법)Link
경로 이름 없이 탐색할 구성 요소, 경로 이름이 아닌 경우 라우팅할 매개 변수 등
이것이 내 필요에 적합한가, 아니면 나 스스로 라우터를 구현해야 하는 것인가?
MemoryHistory는 다음과 같이 Raction Router에 공급할 수 있는 "History Provider"이다.
const memoryHistory = createMemoryHistory(options);
// In your Router configuration
<Router history={memoryHistory} routes={routes} />
초기 구성 외에 다른 모든 기능은 일반 브라우저 기록과 동일하게 작동해야 한다.
이 문서에서는 라우터 대응과 함께 다른 제공자를 사용하는 방법을 설명한다.역사
Ract Router 4에 MemoryRouter가 있음
import { MemoryRouter } from 'react-router'
<MemoryRouter>
<App/>
</MemoryRouter>
A
<Router>
"URL" 기록을 메모리에 보관(주소 표시줄에 읽거나 쓰지 않음)테스트 및 브라우저가 아닌 환경(Ract Native)과 같은 환경에서 유용함.
https://reacttraining.com/react-router/web/api/MemoryRouter
참조URL: https://stackoverflow.com/questions/39721812/react-router-without-changing-url
'programing' 카테고리의 다른 글
각도에서 경로 매개변수를 얻는 효율적인 방법 (0) | 2022.03.10 |
---|---|
TypeScript를 사용하여 로컬 글꼴을 가져올 수 없음 (0) | 2022.03.10 |
Create-React-app 프로젝트를 테스트할 때 "ReferenceError: 문서가 정의되지 않음" (0) | 2022.03.10 |
반응: 라디오 버튼 컬렉션에 선택한 항목이 있는지 확인하는 방법 (0) | 2022.03.10 |
Vue SSR serverPrefetch server 리디렉션$ssrContext.res.redirect (0) | 2022.03.10 |