我正在参加「掘金·启航计划」 1. 创建项目 npx create-reaect-app project-name 2. 安装相关依赖 3.修改 package.json 中 script 用 rea

项目地址 https://github.com/leonwgc/make 特征 支持拖拽编辑 支持组件排序 自定义属性设置面板 根据js配置自动生成属性面板 手机模拟预览 多图设置面板支持拖拽排序 技

Hook 是一个特殊的函数，它可以让你“钩入” React 的特性。Hook 只能再 Function Component 里面声明。 接收一个 context 对象并返回该 context 的当前值。当前的 context 值由上层组件中距离当前组件最近的 <MyContex…

​ 项目搭建是基于create-react-app脚手架的，以前开发过程中，也曾自己搭建过一些脚手架，由于水平有限，对于webpack实在玩不熟，最后考虑到效率和普及性，决定还是使用官方脚手架，再做一些适应性调整。好了，话多说，首先本地安装node之后(可以安装一下yarn)命…

这两天自己简单的看了下 setState 的部分实现代码，在这边给到大家一个自己个人的见解，可能文字或图片较多，没耐心的同学可以直接跳过看总结(源码版本是16.4.1)。 、performWorkOnRoot、performSyncWork、performAsyncWork这四…

用react写一个的财务系统，系统有添加，删除，更改数据,以及计算出金额的变化项目主要实现功能创建项目使用create-react-app创建项目基本骨架项目结构Record.js可以添加数据}Rec

Keys 是 React 用于追踪哪些列表中元素被修改、被添加或者被移除的辅助标识。 在开发过程中，我们需要保证某个元素的 key 在其同级元素中具有唯一性。在 React Diff 算法中 React 会借助元素的 Key 值来判断该元素是新近创建的还是被移动而来的元素，从而…

那个时候刚学react，不知道面试官说的元素是什么，现在知道了，就是虚拟dom嘛。。。 React 元素不是真实的 DOM 元素，它仅仅是 js 的普通对象（plain objects），所以也没办法直接调用 DOM 原生的 API。上面的 JSX 转译后的对象大概是这样的： …

中间件提供第三方插件的模式，自定义拦截 action -> reducer 的过程。变为 action -> middlewares -> reducer 。这种机制可以让我们改变数据流，实现如异步 action ，action 过滤，日志输出，异常报告等功能。 1.一个组件所…