react 路由跳转 / react-router-dom 使用

react 核心包

• react-router --------- 核心组件
• react-router-dom-----应用于浏览器端的路由库（webApp）
• react-router-native React Native环境下使用的包（原生 App）
• react-router-config 静态路由下使用的包

这些包你干什么单独下载某个即可使用，里面包=包含核心包

---

• gitHub介绍网址
• react-router 官网
• react-router 中文文档

1. 下载 react-router-dom 核心包

yarn add react-router-dom

2. 引用路由（src 下 index.js 文件）

Router组件针对不同功能和平台对应用会有几种不同的子类组件实现：

• <BrowserRouter> 浏览器的路由组件 ⬅⬅⬅
• <HashRouter> URL格式为Hash路由组件 ⬅⬅⬅
• <MemoryRouter> 内存路由组件
• <NativeRouter> Native的路由组件
• <StaticRouter> 地址不改变的静态路由组件

---

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
import {
   HashRouter as Router} from "react-router-dom"    //⬅⬅⬅⬅⬅⬅

ReactDOM.render(
  <Router>   //⬅⬅⬅⬅⬅⬅
    <App