1. 项目基本准备工作 以这样的方式使用ReactDOM，说明他有render这个方法。 好了，现在我们给每一个 元素打上 一个标记 ，这样的话 就可以通过这个标记 辨别出与其他 元素的关系，也可以直接通过这标记找到该元素了。 4. 重构render方法 默认传入的elemen…

一 前言 不知不觉 react-router 已经到了 v6 版本了，可能很多同学发现，v6相比之前的 v5 有着翻天覆地的变化，因为最近接触到了 React 的新项目，用到了 v6 版本的 reac

最近有一个非常复杂的表单需求，可能需要对表单做“任何事情”，现有的 UI 组件库选用的是 Ant Design 简称 antd 。它的 Form 表单已经帮我们把“表单项校验”、“表单项错误信息”等常见操作全部封装好了。使用起来非常便捷。翻看了 antd Form 源码发现其核…

em ～～～朴实无华，但是代码看起来舒服不少，朋友感叹学到不少干货，我感觉这就是基本操作，233333。

1. 背景介绍 在前后端开发不分离的「远古时代」，页面的筛选器操作筛选一般会同步变更URL，触发浏览器刷新，从而正确呈现「选定筛选值」的筛选器和根据筛选器过滤后的列表数据。 这种渲染模式的流程大致如下

经过了上一篇文章的科普，大家应该都对前端的自动化测试有了一定的了解。 由于国内对于前端自动化的实践不多，相关介绍的文章也很少，中文资料匮乏，很多库类只能通过去阅读英文官方文档来学习使用。当然，在这篇文章中我会尽量给大家将英文文档中比较基础比较重要的部分讲解一下。 既然是与 Re…

历时三个月，终于和小伙伴们 “肝” 完了一阶段的项目，收获还是挺多的。但是由于这是我们第一次在正式项目中完全使用 React 进行开发，前期项目搭建的时候没有足够的经验，导致我们在进行项目优化的时候遇到了一些局限性，只能选择一些退而求其次的方式。 下面我就根据这次的整个开发过程…

如果你在编写函数组件并意识到需要向其添加一些 state，以前的做法是必须将其它转化为 class。现在你可以直接在现有的函数组件中使用 Hooks 1. 类组件的不足 综上所述，如果不注意的话，很容易写成第三种写法，导致性能上有所损耗。 2. Hooks 优势 副作用的关注点…