上一页 1 2 3 4 5 6 7 8 9 ··· 24 下一页
摘要: useEffect 与 useLayoutEffect 的区别 (1)共同点 运用效果: useEffect 与 useLayoutEffect 两者都是用于处理副作用,这些副作用包括改变 DOM、设置订阅、操作定时器等。在函数组件内部操作副作用是不被允许的,所以需要使用这两个函数去处理。 使用方式 阅读全文
posted @ 2023-02-14 09:34 beifeng11996 阅读(62) 评论(0) 推荐(0) 编辑
摘要: 前言:最近接触到一种新的(对我个人而言)状态管理方式,它没有采用现有的开源库,如redux、mobx等,也没有使用传统的useContext,而是用useState + useEffect写了一个发布订阅者模式进行状态管理,这一点对我来说感觉比较新奇,以前从没接触过这种写法,于是决定研究一下目前比较 阅读全文
posted @ 2023-02-14 09:34 beifeng11996 阅读(7) 评论(0) 推荐(0) 编辑
摘要: 如何解决 props 层级过深的问题 使用Context API:提供一种组件之间的状态共享,而不必通过显式组件树逐层传递props; 使用Redux等状态库。 react 实现一个全局的 dialog import React, { Component } from 'react'; import 阅读全文
posted @ 2023-02-14 09:26 beifeng11996 阅读(34) 评论(0) 推荐(0) 编辑
摘要: 先来思考一个老生常谈的问题,setState是同步还是异步? 再深入思考一下,useState是同步还是异步呢? 我们来写几个 demo 试验一下。 先看 useState 同步和异步情况下,连续执行两个 useState 示例 function Component() { const [a, se 阅读全文
posted @ 2023-02-14 09:25 beifeng11996 阅读(60) 评论(0) 推荐(0) 编辑
摘要: 概述下 React 中的事件处理逻辑 抹平浏览器差异,实现更好的跨平台。 避免垃圾回收,React 引入事件池,在事件池中获取或释放事件对象,避免频繁地去创建和销毁。 方便事件统一管理和事务机制。 为了解决跨浏览器兼容性问题,React 会将浏览器原生事件(Browser Native Event) 阅读全文
posted @ 2023-02-13 09:27 beifeng11996 阅读(22) 评论(0) 推荐(0) 编辑
摘要: 第一次发文章 not only(虽然)版式可能有点烂 but also (但是)最后赋有手稿研究 finally看完他你有收获 diff算法:对于update的组件,他会将当前组件与该组件在上次更新是对应的Fiber节点比较,将比较的结果生成新的Fiber节点。 ! 为了防止概念混淆,强调 一个DO 阅读全文
posted @ 2023-02-13 09:26 beifeng11996 阅读(12) 评论(0) 推荐(0) 编辑
摘要: diff算法是怎么运作 每一种节点类型有自己的属性,也就是prop,每次进行diff的时候,react会先比较该节点类型,假如节点类型不一样,那么react会直接删除该节点,然后直接创建新的节点插入到其中,假如节点类型一样,那么会比较prop是否有更新,假如有prop不一样,那么react会判定该节 阅读全文
posted @ 2023-02-13 09:25 beifeng11996 阅读(14) 评论(0) 推荐(0) 编辑
摘要: 前言 不知道大家有没有过这个疑问,React 中 setState() 为什么是异步的?我一度认为 setState() 是同步的,知道它是异步的之后很是困惑,甚至期待 React 能出一个 setStateSync() 之类的 API。同样有此疑问的还有 MobX 的作者 Michel Wests 阅读全文
posted @ 2023-02-13 09:25 beifeng11996 阅读(5) 评论(0) 推荐(0) 编辑
摘要: React中怎么检验props?验证props的目的是什么? React为我们提供了PropTypes以供验证使用。当我们向Props传入的数据无效(向Props传入的数据类型和验证的数据类型不符)就会在控制台发出警告信息。它可以避免随着应用越来越复杂从而出现的问题。并且,它还可以让程序变得更易读。 阅读全文
posted @ 2023-02-07 08:53 beifeng11996 阅读(41) 评论(0) 推荐(0) 编辑
摘要: High Order Component(包装组件,后面简称HOC),是React开发中提高组件复用性的高级技巧。HOC并不是React的API,他是根据React的特性形成的一种开发模式。 HOC具体上就是一个接受组件作为参数并返回一个新的组件的方法 const EnhancedComponent 阅读全文
posted @ 2023-02-07 08:52 beifeng11996 阅读(11) 评论(0) 推荐(0) 编辑
上一页 1 2 3 4 5 6 7 8 9 ··· 24 下一页