前言 最近公司准备开发一个审批流系统，其中会用到拖拽工具来搭建流程，关于拖拽的实现我们选择了react-dnd这个库，本文总结了react-dnd API的详细用法，并附上不同场景的demo，希望对大

1. CRA脚手架 如果你和我一样是一名 android 开发者，对脚手架这个概念可能有些陌生，其实我们在 AS 中新建的项目就可以看做是一个脚手架，他帮我们创建好了目录结构，安装好了基础的相关依赖。

该生命周期钩子的作用： 将父组件传递过来的 props 映射 到子组件的 state 上面，这样组件内部就不用再通过 this.props.xxx 获取属性值了，统一通过 this.state.xxx 获取。映射就相当于拷贝了一份父组件传过来的 props ，作为子组件自己的状…

这道考题是考察你对react的一个理解程度。react是通过Virtual DOM进行比较出真正变化的部分，并只针对变化部分进行原生的DOM操作，而非重新渲染整个页面。 对树分层比较，两棵树 只对同一层次节点进行比较。如果该节点不存在时，则该节点及其子节点会被完全删除，不会再进…

参考文章： https://juejin.cn/post/6844903824683958286 《深入React技术栈》 1.虚拟dom 原生的JS DOM操作非常消耗性能，而React把真实原生J

正则表达式一直是困扰很多程序员的一门技术，当然也包括曾经的我。大多数时候我们在开发过程中要用到某些正则表达式的时候，都会打开谷歌或百度直接搜索然后拷贝粘贴。当下一次再遇到相同问题的时候，同样的场景又再来一遍。作为一门用途很广的技术，我相信深入理解正则表达式并能融会贯通是值得的。…