首页
博客
源码
资源
博客
源码
写文章
发布博客
发布资源
登录
X
react
相关资讯
热门
最新
后端
01-01 08:00
后端
React 源码解析系列 - React 的 render 阶段(二):beginWork
React 源码解析系列 - React 的 render 阶段(二):beginWork,下面来介绍ReactRender的“递”阶段——beginWork,在《React源码解析系列-React的render阶段(一):基本流程介绍》中我们可知beginWork的主要作用是创建本次循环(performUnitOfWork)主体(unitOfWork)的子Fiber节点,其流程如下:从上图可知,
87
后端
01-01 08:00
后端
React 源码解析系列 - React 的 render 阶段(三):completeUnitOfWork
React 源码解析系列 - React 的 render 阶段(三):completeUnitOfWork,本系列文章均为讨论Reactv17.0.0-alpha的源码performUnitOfWork回忆《React源码解析系列-React的render阶段(一):基本流程介绍》中介绍的performUnitOfWork方法:functionperformUnitOfWork(unitOfWo
107
后端
01-01 08:00
后端
React Context上下文学习笔记(一)
React Context上下文学习笔记(一),我们知道,React中的数据传递是自上而下的(从父组件传给子组件),通过props逐层传递。但是这样层数多了,会极其繁琐。因此,就提到了Context上下文共享数据,这种方法不需要显式的通过props传递。一、Context:为了给某个组件共享全局数据。例如:网站当前登陆用户、主题、首选语言等。Context主要应用场景:很多不同层级的组件需要访问一
219
后端
01-01 08:00
后端
react 动态表单的思路和实现
react 动态表单的思路和实现,这几天接了一个需求,需要实现一个动态的报表,基于reacthook+antd。这里总结一下思考和实现过程里的重点。需求是这样的:根据后端回传的json动态生成表单,表单的绝大多数字段都是数字输入,并且有个关键需求:某些字段之间存在依赖性,例如field3=field1+field2。需要在被依赖字段更新时自动计算。除此之外还有个问题,后端提供的json只包含了必要
85
后端
01-01 08:00
后端
react之四种组件中DOM样式设置方式
react之四种组件中DOM样式设置方式,1、行内样式想给虚拟dom添加行内样式,需要使用表达式传入样式对象的方式来实现行内样式需要写入一个样式对象,而这个样式对象的位置可以放在很多地方例如:render函数里、组件原型上、外链js文件中注意:这里的两个括号,第一个表示我们在要JSX里插入JS了,第二个是对象的括号Helloworld2、使用classReact推荐我们使用行内样式,因为React
84
后端
01-01 08:00
后端
React 脚手架工具(create-react-app)
React 脚手架工具(create-react-app),介绍在开发react应用时,应该没有人用传统的方法引入react的源文件(js),然后在html编辑吧。大家都是用webpack+es6来结合react开发前端应用。这个时候,我们可以手动使用npm来安装各种插件,来从头到尾自己搭建环境。比如:npminstallreactreact-dom--savenpminstallbabelbab
79
后端
01-01 08:00
后端
React中的createContext和useContext
React中的createContext和useContext,使用createContext的正确姿态本文介绍一下React中常见的ContextAPI在class和Hook中的使用方式。在使用ContextAPI之前,我们还需要知道为啥要使用❓引入Context的原因考虑到组件有可能层层嵌套,在传props的过程中,如果书写大量的...props,造成props数据混乱。如何使用context
63
后端
01-01 08:00
后端
React-hooks封装无缝滑动轮播图(js动画,css动画)
React-hooks封装无缝滑动轮播图(js动画,css动画),前言由于现在在基础架构组,写的项目也没有ui框架,基本上都是要自己去封装的。于是需要写一个轮播图组件,心想这不是分分钟的事情嘛。说写就写...第一版思路:用ulli的结构,再结合js定时器去实现轮播动画,说干就干...无缝滑动原理:红色的1,3都是克隆的过渡元素.index从34动画结束时,马上将指针滑动到1,这样就可以实现无缝轮播
288
后端
01-01 08:00
后端
React学习 --- 组件化开发
React学习 --- 组件化开发,任何一个人处理信息的逻辑能力都是有限的,所以,当面对一个非常复杂的问题时,我们不太可能一次性搞定一大堆的内容。如果将一个复杂的问题,拆分成很多个可以处理的小问题,再将其放在整体当中,你会发现大的问题也会迎刃而解而前端目前的模块化和组件化都是基于分而治之的思想什么是组件化开发如果我们将一个页面中所有的处理逻辑全部放在一起,处理起来就会变得非常复杂,而且不利于后续的
66
后端
01-01 08:00
后端
React学习 --- setState 和 React更新机制
React学习 --- setState 和 React更新机制,SetState小知识,大挑战!本文正在参与“程序员必备小知识”创作活动。在React开发中我们并不能直接通过修改state的值来让界面发生更新因为我们修改了state之后,希望React根据最新的State来重新渲染界面,但是这种方式的修改React并不知道数据发生了变化React并没有实现类似于Vue2中的Object.defi
284
«
1
2
...
25
26
27
28
29
30
31
...
35
36
»