react
月迷津渡丶
这个作者很懒,什么都没留下…
展开
-
hooks的优缺点
跨组件复用: 其实 render props / HOC 也是为了复用,相比于它们,Hooks 作为官方的底层 API,最为轻量,而且改造成本小,不会影响原来的组件层次结构和传说中的嵌套地狱;相比而言,类组件的实现更为复杂不同的生命周期会使逻辑变得分散且混乱,不易维护和管理;时刻需要关注this的指向问题;代码复用代价高,高阶组件的使用经常会使整个组件树变得臃肿;状态与 UI 隔离: 正是由于 Hooks 的特性,状态逻辑会变成更小的粒度,并且极容易被抽象成一个自定义 Hooks,组件中的.原创 2022-03-29 22:05:57 · 2242 阅读 · 0 评论 -
setState是同步的还是异步的(都有)
异步情况 在React事件当中是异步操作生命周期和合成事件中无论调用多少次 setState,都会不会立即执行更新,而是将要更新的·存入 _pendingStateQueue,将要更新的组件存入 dirtyComponent。当上一次更新机制执行完毕,以生命周期为例,所有组件,即最顶层组件didmount后会将批处理标志设置为 false。这时将取出dirtyComponent中的组件以及 _pendingStateQueue中的 state进行更新。这样就可以确保组件不会被重新渲染多次。se原创 2022-03-23 15:51:19 · 2283 阅读 · 1 评论 -
react16.8+的生命周期
React 16之后有三个生命周期被废弃(但并未删除)componentWillMountcomponentWillReceivePropscomponentWillUpdate官方计划在17版本完全删除这三个函数,只保留UNSAVE_前缀的三个函数,生命周期分为三个阶段,分别是挂载阶段、更新阶段、卸载阶段挂载阶段:constructor: 构造函数,最先被执行,我们通常在构造函数里初始化state对象或者给自定义方法绑定thisgetDerivedStateFromProps.转载 2020-11-29 23:36:07 · 550 阅读 · 0 评论 -
React的优缺点
优点:React速度很快与其它框架相比,React采取了一种特立独行的操作DOM的方式。它并不直接对DOM进行操作。它引入了一个叫做虚拟DOM的概念,安插在JavaScript逻辑和实际的DOM之间。这一概念提高了Web性能。在UI渲染过程中,React通过在虚拟DOM中的微操作来实对现实际DOM的局部更新。跨浏览器兼容虚拟DOM帮助我们解决了跨浏览器问转载 2016-04-22 20:38:22 · 12376 阅读 · 0 评论 -
react-router4 实现按需加载并利用withRouter传递props
bundle.jsximport React, {Component} from 'react'export default class Bundle extends Component { componentWillMount() { this.load(this.props) } componentWillReceiveProps(nextProps) { if (nex原创 2017-05-01 19:55:27 · 11162 阅读 · 0 评论