摘要: 第8章:React-Router6 一、概述 1. React Router 以三个不同的包 react-router: 路由的核心库,提供了很多的:组件、钩子。 react-router-dom: 包含react-router所有内容,并添加一些专门用于 DOM 的组件,例如 <BrowserRo 阅读全文
posted @ 2023-01-10 09:11 你就是星光 阅读(28) 评论(0) 推荐(0) 编辑
摘要: 第7章:React扩展 一、setState 1.setState更新状态的2种写法 setState(stateChange, [callback]) 对象式的setState stateChange为状态改变的对象(该对象可以体现出状态的更改)callback是可选的回调函数, 它在状态更新完毕 阅读全文
posted @ 2023-01-09 11:26 你就是星光 阅读(28) 评论(0) 推荐(0) 编辑
摘要: 第6章:redux 一、redux理解 1. 学习文档 英文文档: https://redux.js.org/中文文档: http://www.redux.org.cn/Github: https://github.com/reactjs/redux 2. redux是什么 redux是一个专门用于 阅读全文
posted @ 2023-01-06 16:30 你就是星光 阅读(25) 评论(0) 推荐(0) 编辑
摘要: 第5章:React路由 一、SPA的理解 单页Web应用(single page web application,SPA)。 整个应用只有一个完整的页面。 点击页面中的链接不会刷新页面,只会做页面的局部更新。 数据都需要通过ajax请求获取, 并在前端异步展现。 二、路由的理解 1.什么是路由? 一 阅读全文
posted @ 2022-12-26 13:16 你就是星光 阅读(19) 评论(0) 推荐(0) 编辑
摘要: 四、react脚手架配置代理总结 1. 方法一 在package.json中追加如下配置 "proxy":"http://localhost:5000" 说明:(当前为3000端口) 优点:配置简单,前端请求资源时可以不加任何前缀。缺点:不能配置多个代理。工作方式:上述方式配置代理,当请求了3000 阅读全文
posted @ 2022-12-16 10:04 你就是星光 阅读(54) 评论(0) 推荐(0) 编辑
摘要: 二、TodoList案例 1. todoList案例相关知识点 拆分组件、实现静态组件,注意: className、 style的写法 动态初始化列表,如何确定将数据放在哪个组件的state中? 某个组件使用:放在其自身的state中某些组件使用:放在他们共同的父组件state中(官方称此操作为:状 阅读全文
posted @ 2022-12-16 09:37 你就是星光 阅读(45) 评论(0) 推荐(0) 编辑
摘要: 二 、React插件的安装与使用 Vscode插件市场安装ES7+ React/Redux/React-Native snippets 1. Basic Methods PrefixMethodimp→import moduleName from 'module'imn→import 'module 阅读全文
posted @ 2022-12-16 09:22 你就是星光 阅读(455) 评论(0) 推荐(0) 编辑
摘要: 一、使用create-react-app创建react应用 1. react脚手架 xxx脚手架: 用来帮助程序员快速创建一个基于xxx库的模板项目 包含了所有需要的配置(语法检查、jsx编译、devServer…)下载好了所有相关的依赖可以直接运行一个简单效果 react提供了一个用于创建reac 阅读全文
posted @ 2022-12-05 10:01 你就是星光 阅读(63) 评论(0) 推荐(0) 编辑
摘要: 七、DOM的Diffing算法 1. 图示过程 2. 验证Diffing算法 简单的案例 项目结构如下图: span里面的时间内容每一秒更新,两个input,给input输入框输入东西,input内容不变,时间依然更新,这就是一个Diffing算法的一个小案例 还可以调出开发者工具显示更新的地方如下 阅读全文
posted @ 2022-12-05 09:11 你就是星光 阅读(17) 评论(0) 推荐(0) 编辑
摘要: 六、组件的生命周期 1. 理解 组件从创建到死亡它会经历一些特定的阶段。 React组件中包含一系列勾子函数(生命周期回调函数), 会在特定的时刻调用。 我们在定义组件时,会在特定的生命周期回调函数中,做特定的工作。 2. 生命周期流程(旧) 初始化阶段: 由ReactDOM.render()触发— 阅读全文
posted @ 2022-12-05 08:41 你就是星光 阅读(1201) 评论(0) 推荐(0) 编辑
点击右上角即可分享
微信分享提示