在antd的Progress的基础上封装PwdStrength.tsx {代码...} 覆盖原有样式，根据强度各个进度显式不同颜色，样式献上index.less {代码...} 利用正则判断用户输入的密码的强度useChangePassword.ts {代码...} 数据管理store.ts {代码...} 使用 {代码...} 判断密码逻辑 {代码...}

最近刚开始用antd，回显网上搜了一圈，都不太清晰。所以保存一下我的用法。1 利用initialValue {代码...} 2 使用setFieldsValue {代码...} 单行编辑操作 {代码...}

什么是 Store? Store 我们的数据状态容器中心 管理着整个app的数据的生命周期 我们坚守单根数据源的思想（single data source）,store 中保持着完整的业务与UI状态 Stor的主要职责： 1 聚合actor 2 分派actor(单分派 事务分派) 3 通过bigQuery 计算我们的查询语言（QL/PQL） 4 响应页面的事件(ViewAction) 5 注册响应 RL

React.creatElement 创建虚拟dom关于虚拟DOM： {代码...} jsx的语法规则 {代码...} js语句（代码）与js表达式 {代码...} React中的ref字符串的ref回调形式的ref {代码...} createRef的ref {代码...}

create-react-app默认不支持装饰器的，需要做以下配置。打开 package.json ，可以看到eject。运行 npm run eject 可以让由create-react-app创建的项目的配置项暴露出来。

Hooks的特点:使你在无需修改组件结构的情况下复用状态逻辑可将组件中相互关联的部分拆分成更小的函数，复杂组件将变得更容易理解更简洁，更易理解的代码

{代码...} 根目录新建config-overrides.js {代码...} package.json {代码...} 使用 {代码...}

**扩充组件。创建一个函数扩充之后返回另一个函数** {代码...} App.js中使用 {代码...} 链式调用 {代码...} 装饰器写法 {代码...} 在config-overrides.js中添加 {代码...} {代码...} 组件复合 {代码...} 简易版的redux {代码...}

不同点：vue中数据劫持的方式，数据动态化响应方式vue2.0版本采用的 getter,setter,react中 自己造了一个很强大的机制通过标识去刷新页面，这时候重新调取渲染函数，生成虚拟dom 与之前的老dom作比较，从而在最后做最小的更新， 在架构上更大，更复杂