React

1.React文件：title会被babel转译成虚拟dom接着来看下引入的React:编译后，打开浏览器，在localhost:1234端口可见：2.ReactDom的render方法:1.字符串：

1.环境配置:依赖安装：package.json:因为上面安装了parcel的打包依赖，为了方便可以在scripts中添加 "start": "parcel index.html"，然后通过npm s

需求场景：现在想要封装一个input框，在点击列表的某个项目时，将项目name带过去，传递给封装的input框，动态赋值并且可以修改； 再一个就是需要在父组件拿到子组件的封装好的input的值。(更多关于antd3.x迁移到4.x请看https://ant-design.git…

本文是对于React生命周期的整理，内容是《React工程师修炼指南》中生命周期部分的笔记，只拥有自己的日常复习。 挂载阶段（Mounting）：这个阶段会从组件的初始化开始，一直到创建组件完成并且渲染到真实的Dom中。 更新阶段（Updating）：这个阶段从组件更新开始，一…

在/usr/local/mongodb 目录下创建两个文件夹: data 和 log。

redux-thunk让redux的reducer从接收一个对象，扩展为函数，但是对于更大型的项目，对于副作用的处理上，redux-saga更具优势，看这个名字起得，气势上这一块就拿捏的死死的，除了redux-observable还有谁~！（但是rxjs学习曲线堪称陡峭，笔者后…

这节这要是来通过react-redux来实现之前https://juejin.cn/post/6940117036437602341登录的重构，来让项目更清晰。先来看下src的目录结构： src新建一个store文件夹，如果项目比较大，最好是按照功能进行细分，比如user登录自…

React中没有类似于vue中现成的路由守卫，React中的路由守卫是通过高阶组件对Route的封装。 如果想要在匹配路由的时候判断是否登录，去显示不同组件，那么就需要使用高阶组件对路由的Route进行封装，过程中对是否登录状态做处理，从而显示不同的内容。 如果没有登录（isL…

直接上代码，欧哒欧哒欧哒...

React 和 MobX是⼀对强⼒组合。 React是⼀个消费者，将应⽤状态state渲染成组件树对其渲染。 然后在组件顶层的index.js中引入可被观察者对象-appState并作为props传递下去。 🚀结论：使⽤Mobx⼊⻔简单，构建应⽤迅速，但是当项⽬⾜够⼤的时候，…

通过 subscribe(listener) 返回的函数注销监听器。 问题:每次state更新，都会重新render，⼤型应⽤中会造成不必要的重复渲染。

参数②:为克隆后生成的React元素添加新的props,或覆盖从母体中克隆而来的部分或全部props。(可选) validateFiled 函数中对this.options 解构,然后利用规则进行判断。

Context 提供了⼀个⽆需为每层组件⼿动添加 props，就能在 组件树 间进⾏数据传递的⽅法。 Context设计的⽬的是为了共享那些 全局 的数据，例如当前认证的⽤户、主题等。 ThemeBtn中如果是通过 this.context使用value的值 的话，那么在组件中…

权限控制的例子和 2.2 的类似，这里直接贴代码，不做过多赘述了。

create-react-app中antd按需引入1.create-react-app的按需引入antd：使用npxcreate-react-app项目名初始化项目后执行yarnadd@craco/c

新版本的react不需要本地global安装create-react-app然后创建项目了，如果之前安装过，那么需要卸载掉。