React 全家桶
文章平均质量分 93
学习16.8.0版本和 18.x 版本
qiao若huan喜
每天都往前一点点,总能走到终点。
展开
-
08_React redux
3、redux 的 reducer 函数必须是一个纯函数(不能写 unshift 等方法添加数据,如果 preState 被改写 reducer 就不纯了,页面也不会更新)!3、重点:Person 的 reducer 和 Count 的 reducer 要使用 combineReducers 进行合并,合并后的总状态时一个对象!5、备注:容器给 UI 传递:状态(这里的状态是 redux 中的状态)、操作状态的方法,均通过 props 传递。原创 2024-09-14 22:15:00 · 1161 阅读 · 0 评论 -
07_React 路由
1、一个路由就是一个映射关系(key:value)2、key 为路径,value 可能是 function 或 component1、默认使用的是模糊匹配(简单记:【输入的路径】必须包含要【匹配的路径】,且顺序一致)2、开启严格匹配3、严格匹配不要随便开启,需要再开,有些时候开启会导致无法继续匹配二级路由。原创 2024-09-06 21:00:00 · 1105 阅读 · 0 评论 -
06_React ajax
1、React 本身只关注于界面,并不包含发送 ajax 请求的代码2、前端应用需要通过 ajax 请求于后台进行交互(json 数据)3、React 应用中需要集成第三方 ajax 库(或自己封装)1、jQuery:比较重,如果需要另外引入不建议使用2、axios:轻量级,建议使用1)封装 XmlHttpRequest 对象的 ajax2)promise 风格3)可以用在浏览器端和 node 服务器端FeHelper(前端助手):JSON 自动格式化,手动格式,支持排序、解码、下载等等“pro原创 2024-09-03 19:00:00 · 1225 阅读 · 0 评论 -
05_React应用(基于React脚手架)
setupTests.js ----- 应用的整体测试,单元测试,组件测试(jest-dom 支持)App.test.js ------- 用于给 APP 做测试,基本不用,直接运行看效果即可。App.css ----------- App 组件的样式。App.js ------------ App 组件。logo192.png ------ logo 图。robots.txt ------- 爬虫协议文件。index.js ---------- 入口文件。工程化: 代码编写完成以后一系列都可以自动运行。原创 2024-08-29 17:58:30 · 797 阅读 · 0 评论 -
04_DOM的diffing算法
{id: 1, name:'小刘', age: 24}{id: 2, name:'小陈', age: 25}{id: 3, name:'小王', age: 21}{id: 1, name:'小刘', age: 24}{id: 2, name:'小陈', age: 25}{id: 1, name:'小刘', age: 24}{id: 2, name:'小陈', age: 25}{id: 1, name:'小刘', age: 24}{id: 2, name:'小陈', age: 25}原创 2024-08-25 14:56:06 · 653 阅读 · 0 评论 -
03_React 收集表单数据和 组件生命周期
2、理解:包含表单的组件分类2.1 受控组件页面中所有的输入类的节点,随着输入将数据维护到状态中,使用的时候直接从状态中取,就是受控组件受控组件的优势在于 可以减少 ref 的使用2.2 非受控组件页面中所有的输入类的节点,现用现取就是 非受控组件二、高阶函数_函数柯里化1、复习–对象相关的知识2、高阶函数如果一个函数符合下面 2 个规范中任何一个,那么该函数就是高阶函数1)若 A 函数,接收的参数是一个函数,那么 A 就可以称为高阶函数2)若 A 函数,调用的返回值依然是一个函数,原创 2024-08-24 16:31:18 · 726 阅读 · 0 评论 -
02_React面向组件编程--基本使用与理解、组件实例的三大核心属性与事件处理
/**_ 执行了 ReactDOM.render(, … 之后,发生了什么?_ 1.React 解析组件标签,找到了 MyComponent 组件_ 2.发现组件是使用函数定义的,随后调用该函数,将返回的虚拟 DOM 转为真实 DOM,随后呈现在页面中_/2、类的复习总结:1、类中的构造器不是必须要写的,要对实例进行一些初始化的操作,如添加指定属性时才写2、如果 A 类继承了 B 类且 A 类中写了构造器,那么 A 类构造器中 super 时必须要调用的3、类中所定义的方法,都是放在了类的原创 2024-08-20 21:30:00 · 1855 阅读 · 0 评论 -
01_React简介、基础入门
用于构建用户界面的 JavaScript 库界面–》 视图只关注视图层例子:使用原有的知识去展示数据的步骤1)发送请求获取数据2)处理数据(过滤、整理格式等)3)操作 DOM 呈现页面 (React 只关注这一步骤)React 是一个将数据渲染为 HTML 视图的开源 Javascript 库。原创 2024-08-19 20:00:00 · 1504 阅读 · 0 评论