你就是星光

摘要： 第8章：React-Router6 一、概述 1. React Router 以三个不同的包 react-router: 路由的核心库，提供了很多的：组件、钩子。 react-router-dom: 包含react-router所有内容，并添加一些专门用于 DOM 的组件，例如 <BrowserRo 阅读全文

摘要： 第7章：React扩展 一、setState 1.setState更新状态的2种写法 setState(stateChange, [callback]) 对象式的setState stateChange为状态改变的对象(该对象可以体现出状态的更改)callback是可选的回调函数, 它在状态更新完毕 阅读全文

摘要： 第6章：redux 一、redux理解 1. 学习文档 英文文档: https://redux.js.org/中文文档: http://www.redux.org.cn/Github: https://github.com/reactjs/redux 2. redux是什么 redux是一个专门用于 阅读全文

摘要： 第5章：React路由 一、SPA的理解 单页Web应用（single page web application，SPA）。 整个应用只有一个完整的页面。 点击页面中的链接不会刷新页面，只会做页面的局部更新。 数据都需要通过ajax请求获取, 并在前端异步展现。 二、路由的理解 1.什么是路由? 一 阅读全文

摘要： 四、react脚手架配置代理总结 1. 方法一 在package.json中追加如下配置 "proxy":"http://localhost:5000" 说明：(当前为3000端口) 优点：配置简单，前端请求资源时可以不加任何前缀。缺点：不能配置多个代理。工作方式：上述方式配置代理，当请求了3000 阅读全文

摘要： 二、TodoList案例 1. todoList案例相关知识点 拆分组件、实现静态组件，注意: className、 style的写法 动态初始化列表，如何确定将数据放在哪个组件的state中? 某个组件使用:放在其自身的state中某些组件使用:放在他们共同的父组件state中（官方称此操作为:状 阅读全文

摘要： 二 、React插件的安装与使用 Vscode插件市场安装ES7+ React/Redux/React-Native snippets 1. Basic Methods PrefixMethodimp→import moduleName from 'module'imn→import 'module 阅读全文

摘要： 一、使用create-react-app创建react应用 1. react脚手架 xxx脚手架: 用来帮助程序员快速创建一个基于xxx库的模板项目 包含了所有需要的配置（语法检查、jsx编译、devServer…）下载好了所有相关的依赖可以直接运行一个简单效果 react提供了一个用于创建reac 阅读全文

摘要： 七、DOM的Diffing算法 1. 图示过程 2. 验证Diffing算法 简单的案例 项目结构如下图： span里面的时间内容每一秒更新，两个input，给input输入框输入东西，input内容不变，时间依然更新，这就是一个Diffing算法的一个小案例 还可以调出开发者工具显示更新的地方如下 阅读全文

摘要： 六、组件的生命周期 1. 理解 组件从创建到死亡它会经历一些特定的阶段。 React组件中包含一系列勾子函数(生命周期回调函数), 会在特定的时刻调用。 我们在定义组件时，会在特定的生命周期回调函数中，做特定的工作。 2. 生命周期流程(旧) 初始化阶段: 由ReactDOM.render()触发— 阅读全文