1、下载

  yarn add react-router-dom --save

2、导入

import React from "react";
import { BrowserRouter as Router, Route, Link } from "react-router-dom"; 

3、使用

  React路由---react-router-dom、获取路由参数、ant design ui组件、fetch发送请求(默认不能跨域)、Switch

  React路由---react-router-dom、获取路由参数、ant design ui组件、fetch发送请求(默认不能跨域)、Switch

  所以的路由模块都必须包在Router标签内部,同时推荐把Router标签写在最外层;

  Router标签在一个网站中,只使用一次就行(推荐只使用一次Router标签,即使有多个路由的情况)

  React路由---react-router-dom、获取路由参数、ant design ui组件、fetch发送请求(默认不能跨域)、Switch

  匹配路由参数

  React路由---react-router-dom、获取路由参数、ant design ui组件、fetch发送请求(默认不能跨域)、Switch

  React路由---react-router-dom、获取路由参数、ant design ui组件、fetch发送请求(默认不能跨域)、Switch

  React路由---react-router-dom、获取路由参数、ant design ui组件、fetch发送请求(默认不能跨域)、Switch

  React路由---react-router-dom、获取路由参数、ant design ui组件、fetch发送请求(默认不能跨域)、Switch

  React路由---react-router-dom、获取路由参数、ant design ui组件、fetch发送请求(默认不能跨域)、Switch

 

4、ui框架---提供了很多好用的组件---让我们可以快速的开发

  ANT DESIGN----每个框架对应的组件用法可看官网

  React路由---react-router-dom、获取路由参数、ant design ui组件、fetch发送请求(默认不能跨域)、SwitchReact路由---react-router-dom、获取路由参数、ant design ui组件、fetch发送请求(默认不能跨域)、Switch

  React路由---react-router-dom、获取路由参数、ant design ui组件、fetch发送请求(默认不能跨域)、Switch

  React路由---react-router-dom、获取路由参数、ant design ui组件、fetch发送请求(默认不能跨域)、Switch

  组件在react中的使用:测试

    React路由---react-router-dom、获取路由参数、ant design ui组件、fetch发送请求(默认不能跨域)、Switch

    React路由---react-router-dom、获取路由参数、ant design ui组件、fetch发送请求(默认不能跨域)、Switch

   react中获取数据---默认不能跨域,但是你也可以配置(不过还是不是很好)----可以装一个插件 发送jsonp请求

  React路由---react-router-dom、获取路由参数、ant design ui组件、fetch发送请求(默认不能跨域)、Switch

  React路由---react-router-dom、获取路由参数、ant design ui组件、fetch发送请求(默认不能跨域)、Switch

  React路由---react-router-dom、获取路由参数、ant design ui组件、fetch发送请求(默认不能跨域)、Switch

   路由切换------路由切换的2种方式: 1、标签式  2、编程式(js实现);

  React路由---react-router-dom、获取路由参数、ant design ui组件、fetch发送请求(默认不能跨域)、Switch

  路由中Switch的使用场景

  React路由---react-router-dom、获取路由参数、ant design ui组件、fetch发送请求(默认不能跨域)、Switch

相关文章:

  • 2021-06-20
  • 2022-12-23
  • 2021-04-01
  • 2022-12-23
  • 2021-05-17
  • 2021-06-08
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案