xiaofeng123aa

React必须使用JSX吗？ React 并不强制要求使用 JSX。当不想在构建环境中配置有关 JSX 编译时，不在 React 中使用 JSX 会更加方便。 每个 JSX...

React 组件性能优化最佳实践 React 组件性能优化的核心是减少渲染真实 DOM 节点的频率，减少 Virtual DOM 比对的频率。如果子组件未发生数据改变不渲染...

react 生命周期 初始化阶段： getDefaultProps:获取实例的默认属性 getInitialState:获取每个实例的初始化状态 componentWill...

一 引沿 Fiber 架构是React16中引入的新概念，目的就是解决大型 React 应用卡顿，React在遍历更新每一个节点的时候都不是用的真实DOM，都是采用虚拟DO...

React 事件机制 React并不是将click事件绑定到了div的真实DOM上，而是在document处监听了所有的事件，当事件发生并且冒泡到document处的时候，...

目录 代码分割 React的懒加载 import() 原理 React.lazy 原理 Suspense 原理 参考 1.代码分割 （1）为什么要进行代码分割？ 现在前端项...

什么原因会促使你脱离 create-react-app 的依赖 当你想去配置 webpack 或 babel presets。 React 16中新生命周期有哪些 关于 R...

react hooks 实现 Hooks 解决了什么问题 在 React 的设计哲学中，简单的来说可以用下面这条公式来表示： 等号的左边时 UI 代表的最终画出来的界面；等...

说说 React组件开发中关于作用域的常见问题。 在 EMAScript5语法规范中，关于作用域的常见问题如下。 （1）在map等方法的回调函数中，要绑定作用域this（通...

前言 近期完成了公司新项目的开发，相关的技术栈都用到了最新版本，react router 也使用了 v6 的版本，所以借这个机会自己再梳理下 react router v5...

在 React 中如何处理事件 为了解决跨浏览器的兼容性问题，SyntheticEvent 实例将被传递给你的事件处理函数，SyntheticEvent是 React 跨浏...

背景 本文所有关于 React 源码的讨论，基于 React v17.0.2 版本。 文章背景 工作中一直有在用 React 相关的技术栈，但却一直没有花时间好好思考一下其...

说说 React组件开发中关于作用域的常见问题。 在 EMAScript5语法规范中，关于作用域的常见问题如下。 （1）在map等方法的回调函数中，要绑定作用域this（通...

本文根据日常开发实践，参考优秀文章、文档，来说说 TypeScript 是如何较优雅的融入 React 项目的。 温馨提示：日常开发中已全面拥抱函数式组件和 React H...

React-Router的路由有几种模式？ React-Router 支持使用 hash（对应 HashRouter）和 browser（对应 BrowserRouter）...

本文是作者在实际工作经验中总结提炼出的错误使用 React 的一些方式，希望能够帮助你摆脱这些相同的错误。 1. Props 透传 props 透传是将单个 props 从...

这段代码有什么问题吗？ 这段代码有什么问题: 答案： 没有什么问题。这种方式很少被使用，咱们可以将一个函数传递给setState，该函数接收上一个 state 的值和当前的...

五、React 核心是组件 在 React 中，我们使用组件（有状态、可组合、可重用）来描述 UI 。 在任何编程语言中，你都可以将组件视为简单的函数。 React 组件也...

React调用回调函数，正确设置this指向的三种方法 通过bind 通过箭头函数 箭头函数包裹 绑定事件传递参数 条件渲染 通过if进行条件判断 使用三目运算符 使用逻辑...

前言 相信很多人都在使用redux作为前端状态管理库进去项目开发，但仍然停留在“知道怎么用，但仍然不知道其核心原理”的阶段，接下来带大家分析一下redux和react-re...