02 2023 档案
摘要:说说 React组件开发中关于作用域的常见问题。 在 EMAScript5语法规范中,关于作用域的常见问题如下。 (1)在map等方法的回调函数中,要绑定作用域this(通过bind方法)。 (2)父组件传递给子组件方法的作用域是父组件实例化对象,无法改变。 (3)组件事件回调函数方法的作用域是组件
阅读全文
摘要:前言 近期完成了公司新项目的开发,相关的技术栈都用到了最新版本,react router 也使用了 v6 的版本,所以借这个机会自己再梳理下 react router v5 与 v6 的区别,以及 v6 一些新特性。而在原有项目还是使用老版本 react router 的情况下,不太建议急着直接升级
阅读全文
摘要:在 React 中如何处理事件 为了解决跨浏览器的兼容性问题,SyntheticEvent 实例将被传递给你的事件处理函数,SyntheticEvent是 React 跨浏览器的浏览器原生事件包装器,它还拥有和浏览器原生事件相同的接口,包括 stopPropagation() 和 preventDe
阅读全文
摘要:关键词:react react-scheduler scheduler 时间切片 任务调度 workLoop 背景 本文所有关于 React 源码的讨论,基于 React v17.0.2 版本。 文章背景 工作中一直有在用 React 相关的技术栈,但却一直没有花时间好好思考一下其底层的运行逻辑,碰
阅读全文
摘要:说说 React组件开发中关于作用域的常见问题。 在 EMAScript5语法规范中,关于作用域的常见问题如下。 (1)在map等方法的回调函数中,要绑定作用域this(通过bind方法)。 (2)父组件传递给子组件方法的作用域是父组件实例化对象,无法改变。 (3)组件事件回调函数方法的作用域是组件
阅读全文
摘要:本文根据日常开发实践,参考优秀文章、文档,来说说 TypeScript 是如何较优雅的融入 React 项目的。 温馨提示:日常开发中已全面拥抱函数式组件和 React Hooks,class 类组件的写法这里不提及。 前沿 以前有 JSX 语法,必须引入 React。React 17.0+ 不需要
阅读全文
摘要:React-Router的路由有几种模式? React-Router 支持使用 hash(对应 HashRouter)和 browser(对应 BrowserRouter) 两种路由规则, react-router-dom 提供了 BrowserRouter 和 HashRouter 两个组件来实现
阅读全文
摘要:本文是作者在实际工作经验中总结提炼出的错误使用 React 的一些方式,希望能够帮助你摆脱这些相同的错误。 1. Props 透传 props 透传是将单个 props 从父组件向下多层传递的做法。 理想状态下,props 不应该超过两层。 当我们选择多层传递时,会导致一些性能问题,这也让 Reac
阅读全文
摘要:这段代码有什么问题吗? 这段代码有什么问题: this.setState((prevState, props) => { return { streak: prevState.streak + props.count, }; }); 答案: 没有什么问题。这种方式很少被使用,咱们可以将一个函数传递给
阅读全文
摘要:学和使用react有一年多了,最近想在梳理一下react基础知识,夯实基础,激流勇进~ 关于reacr-router,redux,redux-saga后续都会慢慢输出,希望各位看官老爷持续关注~~要是能给个赞鼓励一下就更赞了~ react基础知识速览 1、什么是JSX? 一个JSX语法的示例,如下所
阅读全文
浙公网安备 33010602011771号