AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

React-25：React中路由的基本使用

2021-11-14 181
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： React-25：React中路由的基本使用

1：安装react-router-dom

npm install react-router-dom

2：引入Link,作为跳转指向

image.png

  • 这里往往用于导航

3：引入Route

  • 让React知道跳转到哪个组件

image.png

4：Route和Link必须在一个路由器下，可以将整个App包含在一个路由器下

image.png

总结

image.png

文章标签：
前端开发
网络架构
关键词：
React Native基本使用
react.js路由
react.js基本使用
答案命运
目录
相关文章
无妄的罪
|
前端开发 JavaScript
React和Vue实现路由懒加载
React和Vue实现路由懒加载
无妄的罪
215 2
恬0917
|
存储 资源调度 前端开发
React原理 即 React路由基础
React原理 即 React路由基础
恬0917
163 1
demo123567
|
前端开发
如何使用react-router v6快速搭建路由？
如何使用react-router v6快速搭建路由？
demo123567
221 0
天界程序员
|
移动开发 前端开发 API
第三十二章 React路由组件的简单使用
第三十二章 React路由组件的简单使用
天界程序员
103 0
天界程序员
|
存储 前端开发 JavaScript
第三十章 React的路由基本使用
第三十章 React的路由基本使用
天界程序员
173 0
恬0917
|
资源调度 前端开发 JavaScript
React 的antd-mobile 组件库，嵌套路由
React 的antd-mobile 组件库，嵌套路由
恬0917
433 0
你都不懂
|
前端开发 JavaScript API
React小记（四）_路由的基本使用
React小记（四）_路由的基本使用
你都不懂
144 1
嘘~！
|
JavaScript 前端开发 网络安全
vue与react路由拦截
vue与react路由拦截
嘘~！
209 4
无妄的罪
|
前端开发 中间件 数据安全/隐私保护
React路由进阶方法
React路由进阶方法
无妄的罪
142 1
成熟-Husband
|
前端开发 JavaScript
React中react-redux的基本使用
React中react-redux的基本使用
成熟-Husband
102 0