上一页 1 ··· 9 10 11 12 13 14 15 16 17 ··· 24 下一页
摘要: fetch封装 npm install whatwg-fetch --save // 适配其他浏览器 npm install es6-promise export const handleResponse = (response) => { if (response.status 403 || re 阅读全文
posted @ 2022-11-14 09:39 beifeng11996 阅读(28) 评论(0) 推荐(0) 编辑
摘要: 先来思考一个老生常谈的问题,setState是同步还是异步? 再深入思考一下,useState是同步还是异步呢? 我们来写几个 demo 试验一下。 先看 useState 同步和异步情况下,连续执行两个 useState 示例 function Component() { const [a, se 阅读全文
posted @ 2022-11-14 09:36 beifeng11996 阅读(51) 评论(0) 推荐(0) 编辑
摘要: react和vue的区别 相同点: 数据驱动页面,提供响应式的试图组件 都有virtual DOM,组件化的开发,通过props参数进行父子之间组件传递数据,都实现了webComponents规范 数据流动单向,都支持服务器的渲染SSR 都有支持native的方法,react有React nativ 阅读全文
posted @ 2022-11-14 09:35 beifeng11996 阅读(54) 评论(0) 推荐(0) 编辑
摘要: 前言:最近接触到一种新的(对我个人而言)状态管理方式,它没有采用现有的开源库,如redux、mobx等,也没有使用传统的useContext,而是用useState + useEffect写了一个发布订阅者模式进行状态管理,这一点对我来说感觉比较新奇,以前从没接触过这种写法,于是决定研究一下目前比较 阅读全文
posted @ 2022-11-14 09:32 beifeng11996 阅读(17) 评论(0) 推荐(0) 编辑
摘要: 描述事件在 React中的处理方式。 为了解决跨浏览器兼容性问题, React中的事件处理程序将传递 SyntheticEvent的实例,它是跨浏览器事件的包装器。这些 SyntheticEvent与你习惯的原生事件具有相同的接口,它们在所有浏览器中都兼容。 React实际上并没有将事件附加到子节点 阅读全文
posted @ 2022-11-10 07:39 beifeng11996 阅读(87) 评论(0) 推荐(0) 编辑
摘要: 第一次发文章 not only(虽然)版式可能有点烂 but also (但是)最后赋有手稿研究 finally看完他你有收获 diff算法:对于update的组件,他会将当前组件与该组件在上次更新是对应的Fiber节点比较,将比较的结果生成新的Fiber节点。 ! 为了防止概念混淆,强调 一个DO 阅读全文
posted @ 2022-11-10 07:37 beifeng11996 阅读(63) 评论(0) 推荐(0) 编辑
摘要: hooks 为什么不能放在条件判断里 以 setState 为例,在 react 内部,每个组件(Fiber)的 hooks 都是以链表的形式存在 memoizeState 属性中 update 阶段,每次调用 setState,链表就会执行 next 向后移动一步。如果将 setState 写在条 阅读全文
posted @ 2022-11-10 07:37 beifeng11996 阅读(525) 评论(0) 推荐(0) 编辑
摘要: 前言 不知道大家有没有过这个疑问,React 中 setState() 为什么是异步的?我一度认为 setState() 是同步的,知道它是异步的之后很是困惑,甚至期待 React 能出一个 setStateSync() 之类的 API。同样有此疑问的还有 MobX 的作者 Michel Wests 阅读全文
posted @ 2022-11-10 07:35 beifeng11996 阅读(11) 评论(0) 推荐(0) 编辑
摘要: 为什么调用 setState 而不是直接改变 state? 解答 如果您尝试直接改变组件的状态,React 将无法得知它需要重新渲染组件。通过使用setState()方法,React 可以更新组件的UI。 另外,您还可以谈谈如何不保证状态更新是同步的。如果需要基于另一个状态(或属性)更新组件的状态, 阅读全文
posted @ 2022-11-09 09:34 beifeng11996 阅读(40) 评论(0) 推荐(0) 编辑
摘要: High Order Component(包装组件,后面简称HOC),是React开发中提高组件复用性的高级技巧。HOC并不是React的API,他是根据React的特性形成的一种开发模式。 HOC具体上就是一个接受组件作为参数并返回一个新的组件的方法 const EnhancedComponent 阅读全文
posted @ 2022-11-09 09:33 beifeng11996 阅读(10) 评论(0) 推荐(0) 编辑
上一页 1 ··· 9 10 11 12 13 14 15 16 17 ··· 24 下一页