React学习之路

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第31天，点击查看活动详情 钩子函数：useLayoutEffect 场景：声明一个div组件，使它在1s之内移动 使用useEf

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第30天，点击查看活动详情 React 中有两个创建 ref 的方法，createRef() 和 useRef()。使用 ref，

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第31天，点击查看活动详情 接上篇，如果在父子组件之间传递ref转发，一般是在父组件中定义好，再传递给子组件使用。 如下： App

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第29天，点击查看活动详情 继上文，当使用provider传递多个值时包裹的样子正所谓是“狼狈不堪” 于是开始想解决办法 一、使用

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第25天，点击查看活动详情 什么是useReducer 用于状态管理的api，useState是使用useReducer构建的。

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第24天，点击查看活动详情 无优化： 上面Child组件中分别引用了父组件中data对象中的count变量，和改变count的ha

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第23天，点击查看活动详情 函数缓存 父组件中声明两个变量且没有赋任何值，初始会有一个自己的地址。 声明两个变量 let last

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第22天，点击查看活动详情 对象问题： 子组件中接收从父组件中传过来的count 父组件，点击按钮改变count 点击按钮，改变i

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第21天，点击查看活动详情 useCallback简单来说就是返回一个函数，只有在依赖项发生变化的时候才会更新（返回一个新的函数）

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第20天，点击查看活动详情 当数据被操作转换成UI时，中间会产生许多帮助过程，比如进行网络请求，比如事件绑定，比如使用原生dom.

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第3天，点击查看活动详情 在类组件中，setState可以是同步也可以是异步，结合class-setState问题食用。进行hoo

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第2天，点击查看活动详情 前言，hooks的出现是为了弥补function与class组件都不能解决的问题。 functionUI

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第1天，点击查看活动详情 前言： 需求：页面分为公开页面和私有页面，需要去验证页面来跳转到指定链接 流程：public公开页面--

是写给自己看的，可能有些难读懂 有点乱糟糟，但是没关系，我自己明白是咋回事就行。勿喷。 路由属性 先打印props: 可以看到三个属性分别是：history，location，match。 分别展开查

先说说hashrouter与browserRouter的使用。 hashrouter: 注意安装5.3.3哦，因为默认安装6.几是不好用的，太新了。 安装后就可以引用插件中的组件了。 其中Link 和

路由： 映射关系：url:UI(key:value) 即 location(path):Component 路由分类： 后端路由api - router - response; 前端路由url:UI.

redux 在react中有props和state，但如果要在层级之间传递数据是无法实现两个组件之间的相互交流的。所以产生了redux这个机制，使所有state集中到组件顶部，能够将所有state各取

今天开始学习redux咯----核心---reducer redux:本质js库，状态容器，使react(view)+redux(state)完美解耦/数据传递。支持中间件机制 一个组件树中，传值时可

fragment 一些小场景会用到： 将table进行组件抽离： 可是tr紧接的就会是div，而非td。 由此，引出新方式：fragment 它可以使得不添加额外的DOM节点 这样，就会使tr与rd进

在react中，对于每一次由状态改变导致视图改变的操作，都会经历两个阶段：render和commit阶段。 只有在类组件中才有生命周期，因为类组件会创建对应的实例；而函数组件不会。 生命周期：组件实例