在 React 中，`ref` 是一个重要的功能，用于直接访问 DOM 元素或组件实例。通常，我们使用 `ref` 来实现一些需要直接操作 DOM 的场景，例如焦点管理、文本选择或动画等。

React高阶组件(HOC)，对于很多react开发者来说并不陌生，它是灵活使用react组件的一种技巧，高阶组件本身不是组件，它是一个参数为组件，返回值也是一个组件的函数。高阶作用用于强化组件，复用逻辑，提升渲染性能等作用。高阶组件也并不是很难理解，其实接触过后还是蛮简单的，…

React 的渲染机制 不知道大家有没有遇到过在一个网页输入内容的时候，每次输入都得卡个半秒；又或者点一下运行，整个页面完全无法交互，变得像一张图片，任你点击都没有任何反应。 从前，React 渲染就

如果我们直接把整个列表渲染出来, 仅仅学生列表就会生成1000+个div标签. 这个时候的DOM数量就会变得难以想象. 我们都知道, DOM结构如果过大, 网页就会出现用户操作体验上的问题, 比如滚动, 点击等常用操作. 同时, 对react的虚拟DOM计算以及虚拟DOM反映到…

前言 前端路由： 一个路径path 对应 一个组件component 当我们在浏览器中访问一个 path 的时候，path对应的组件会在页面中进行渲染； 一、创建路由开发环境 创建具有 路由 项目的

今天来分享 Github 上 8 个很棒的 React 项目，希望能通过学习这些项目的源码，帮助大家更好的理解 React，编写更优雅的 React 代码！ 全文概览： React Tetris： 俄

不知不觉使用 React 也有一段时间了，最近也在学习 React 的一些相关知识，于是打算整理成文章顺便分享出来，进而巩固自己对 React 整体的认知。如有错误，欢迎指正！

React 是什么 简介 用于构建 Web 和原生交互界面的库 React 用组件创建用户界面 通俗来讲：是一个将数据渲染为HTML视图的开源JS库。Facebook 开发，并且开源

React17将只提供别名，取个别名的目的就是恶心你，不让你使用。 getSnapshotBeforeUpdate() 在最近一次的渲染输出被提交之前调用。也就是说，在 render 之后，即将对组件进行挂载时调用。 componentDidUpdate() 会在更新后会被立即…