摘要: Route组件:包裹整个应用 一个react应用只能执行一次 两种常见Router:hashRouter和BrowerRouter hashRouter hash算法完成 link组件:用于指定导航链接 //to属性:浏览器地址栏中的pathName <link to="/first"></firs 阅读全文
posted @ 2022-05-25 18:02 前端导师歌谣 阅读(21) 评论(0) 推荐(0) 编辑
摘要: 路由的执行过程 1点击link组件 修改了浏览器地址中的url 2react路由监听到地址栏url的变化 3react路由内部遍历所有Route组件 使用路由规则path域pathname进行匹配 4挡路由规则能够匹配地址栏中pathname的时候 就开始展示组件的内容 //导入react impo 阅读全文
posted @ 2022-05-25 18:02 前端导师歌谣 阅读(23) 评论(0) 推荐(0) 编辑
摘要: 编程是导航 通过js代码实现页面跳转 hisTory是react路由提供的 用于获取浏览器历史记录的相关信息 push(path)跳转到某个页面,参数path表示要跳转的路径 go可以前进或者返回到一个页面 //导入react import React from 'react' import Rea 阅读全文
posted @ 2022-05-25 18:02 前端导师歌谣 阅读(17) 评论(0) 推荐(0) 编辑
摘要: 默认路由 :进入页面要展示的路由 /就是默认路由 <Route path="/"> //导入react import React from 'react' import ReactDOM from 'react-dom' import {BrowserRouter as Router,Route,L 阅读全文
posted @ 2022-05-25 18:02 前端导师歌谣 阅读(27) 评论(0) 推荐(0) 编辑
摘要: 当Link组件的to属性值为/login时候 为什么默认路由也能匹配成功 阅读全文
posted @ 2022-05-25 18:02 前端导师歌谣 阅读(7) 评论(0) 推荐(0) 编辑
摘要: 1默认路由在任何情况下都能展示 我们希望不是所有的都能展示 阅读全文
posted @ 2022-05-25 18:02 前端导师歌谣 阅读(16) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2022-05-25 18:02 前端导师歌谣 阅读(8) 评论(0) 推荐(0) 编辑
摘要: 1能够初始化项目 2能够使用antd-mobile组件库 能够完成项目整体布局 能够完成首页轮播图 能够使用百度api完成定位功能 能够使用react-virtualized完成城市选择功能 阅读全文
posted @ 2022-05-25 18:02 前端导师歌谣 阅读(13) 评论(0) 推荐(0) 编辑
摘要: 1项目介绍 项目是一个在线租房项目 实现用户租房的一个需求 核心业务 在线租房 房源信息展示等业务 react核心库 react react-dom react-router-dom 脚手架:create-react-app 数据请求 axios ui组件库:antd-moblie 百度地图api 阅读全文
posted @ 2022-05-25 18:02 前端导师歌谣 阅读(208) 评论(0) 推荐(0) 编辑
摘要: 数据库的部署和导入 php中study创建数据库 阅读全文
posted @ 2022-05-25 18:02 前端导师歌谣 阅读(49) 评论(0) 推荐(0) 编辑