반응 라우팅 페이지가 새로 고쳐지지 않으면 어떻게 해야 합니까?

새로 고침되지 않는 반응 라우팅 페이지에 대한 솔루션: 1. "index.js" 파일에서 앱 구성 요소가 "<BrowserRouter></BrowserRouter>"로 래핑되었는지 확인합니다. 2. " 추가 "<정확한 경로 경로="" 구성 요소={}/>" 아래의 "정확한".

이 튜토리얼의 운영 환경: Windows 10 시스템, 반응 라우터 v5 버전, Dell G3 컴퓨터.

리액트 라우팅 페이지가 새로 고쳐지지 않으면 어떻게 해야 하나요?

react-router5 루트 점프 페이지가 새로 고쳐지지 않는 이유

1. App 컴포넌트가 래핑되어 있는지 index.js 파일에서 확인하세요. <BrowserRouter>< /BrowserRouter>. <BrowserRouter></BrowserRouter>之中。

 2.  下的<Route exact path="" component={}/> 添加exact。

  +  react-router 的安装  yarn add react-router-dom

相关拓展：

React Router 是一个基于 React 之上的强大路由库，它可以让你向应用中快速地添加视图和数据流，同时保持页面与 URL 间的同步。

目前前端流行的三大框架, 都有自己的路由实现:

• Angular的ngRouter

• React的react-router

• Vue的vue-router

React Router的版本4开始，路由不再集中在一个包中进行管理了：

• react-router是router的核心部分代码

• react-router-dom是用于浏览器的；

• react-router-native是用于原生应用的；

目前我们使用最新的React Router版本是v5的版本：

实际上v4的版本和v5的版本差异并不大；

安装react-router：

安装react-router-dom会自动帮助我们安装react-router的依赖；

yarn add react-router-dom

2. 아래의 <Route 정확한 경로="" 구성 요소={}/> 아래에 정확한 항목을 추가합니다.

+ React-router 설치 yarn add React-router-dom

관련 확장: 🎜🎜React Router는 React 기반의 강력한 라우팅 라이브러리로, 애플리케이션에 빠르게 추가할 수 있습니다. 페이지와 URL 간의 동기화를 유지하면서 보기와 데이터가 자유롭게 흐릅니다. 🎜🎜현재 프런트 엔드에서 인기 있는 세 가지 주요 프레임워크에는 모두 자체 라우팅 구현이 있습니다.🎜

• 🎜Angular의 ​​ngRouter🎜
• 🎜React React-router🎜
• 🎜Vue의 vue-router🎜

🎜React Router 버전 4부터 경로는 더 이상 하나의 패키지로 관리되지 않습니다.🎜

• 🎜react-router는 라우터의 핵심 코드입니다🎜
• 🎜react-router-dom은 브라우저에 사용됩니다.🎜
li >
• 🎜react-router-native는 기본 애플리케이션용입니다. 🎜

🎜현재 우리는 v5 버전인 최신 React Router 버전을 사용합니다. 🎜🎜사실 v4 버전과 v5는 버전 차이는 크지 않습니다. 🎜🎜react-router 설치: 🎜🎜react-router-dom을 설치하면 자동으로 React-router 종속성을 설치하는 데 도움이 됩니다. 🎜🎜yarn add React-router-dom🎜 🎜권장 학습: "🎜반응 비디오 튜토리얼🎜"🎜

위 내용은 반응 라우팅 페이지가 새로 고쳐지지 않으면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!