![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
文章平均质量分 74
Tone@
但行好事 莫问前程
展开
-
一文全面理解React Hooks + 代码实例
自定义 Hook 更像是一种约定,而不是一种功能。如果函数的名字以 use 开头,并且调用了其他的 Hook,则就称其为一个自定义 Hook有时候我们会想要在组件之间重用一些状态逻辑,之前要么用 render props ,要么用高阶组件,要么使用 redux自定义 Hook 可以让你在不增加组件的情况下达到同样的目的Hook 是一种复用状态逻辑的方式,它不复用 state 本身事实上 Hook 的每次调用都有一个完全独立的 state},1000);},[]);原创 2023-05-12 10:19:54 · 627 阅读 · 0 评论 -
React 组件通信
● 父组件向子组件通信: props● 子组件向父组件通信: 回调函数/自定义事件● 跨级组件通信: 层层组件传递props/context● 没有嵌套关系组件之间的通信: 发布订阅模式原创 2023-04-04 19:10:36 · 459 阅读 · 0 评论 -
React 生命周期精讲
React生命周期主要包括三个阶段:创建阶段(Mounting)、更新阶段(Updating) 和 销毁阶段(Unmounting),在React不同的生命周期里,会依次触发不同的钩子函数。原创 2023-04-04 19:05:50 · 1233 阅读 · 0 评论 -
Redux使用讲解+案例
组件可以根据不同的状态值切换为不同的显示,比如,用户登录和没登录看到页面应该是不同的,那么用户的登录与否就应该是一个状态。创建store后,需要引入react-redux中提供的Provider组件,将其设置到所有组件的最外层,并且将刚刚创建的store设置为组件的store属性,只有这样才能使得Redux中的数据能被所有的组件访问到。,它需要一个回调函数作为参数,回调函数的第一个参数就是当前的state,回调函数的返回值,会作为useSelector的返回值返回,所以。用来对state的功能进行扩展。原创 2022-09-16 16:28:09 · 657 阅读 · 0 评论 -
虚拟DOM
在React中我们操作的元素被称为React元素,并不是真正的原生DOM元素React通过虚拟DOM 将React元素和原生DOM,进行映射;虽然操作的是React元素,但是这些操作最终都会映射到真实DOM之中。每当我们调用root.render()时,页面就会发生重新渲染React会通过diff算法,将新的元素和旧的元素进行比较通过比较找到发生变化的元素,并且只对变化的元素进行修改,没有发生变化的不予处理比较两次数据时,React会优先比较父元素,父元素如果不同,直接替换所有元素。原创 2022-09-13 11:56:17 · 203 阅读 · 0 评论 -
React环境搭建--脚手架的安装
指令npminstall-gcnpm--registry=https//registry.npm.taobao.org。如已经安装了淘宝镜像,就在命令窗口输入cnpminstall-gcreate-react-app。没有安装淘宝镜像,可以输入这样的指令npminstall-gcreate-react-app;node.js官网下载https//nodejs.org/zh-cn/download/;2.检查版本号在命令窗口输入node-v和npm-v。......原创 2022-08-01 21:31:03 · 367 阅读 · 0 评论