Azbtt的博客

最近在写的一个分布式调度系统，后端同学需要让我传入cron表达式，给调度接口传参。react+typescript+moment+semi-ui实现cron表达式，0 11 20 * * ?，时间转换函数，日期转换函数，组件完整代码，使用方法，实现效果，环境配置

路由匹配优先级， 即预定义路由优先于动态路由，动态路由优先于捕获所有路由。来自资源：imooc。

Next.js 是一个React框架，支持CSR、SSR、SSG、ISR (Incremental Static Regeneration)等渲染模式。

它赋予了 React 声明式的 API :您告诉React希望让 UI 是什么状态，React就确保DOM匹配该状态。这使您可以从属性操作、事件处理和手动 DOM 更新这些在构建应用程序时必要的操作中解放出来。Virtual DOM 是一种用于和真实DOM同步，而在JS内存中维护的一个对象，它具有和DOM类似的树状结构，并和DOM可以建立一—对应的关系。3.根据当前的State/Props,返回一个UI。2.组件接受外部的Props状态提供复用。当前状态，收到外部事件，迁移到下一个状态。

最近写了个招新面试系统，要求能支持拍照上传简历图片。经过对其义务，api的了解。用** React+TypeScript **手写出了一个原生的拍照上传组件，写此博客对此加以记录，也会公开到github方便日后的使用。

如果生成的render出来后就不会改变里面的内容，那么你不需要指定key（不指定key时，React也会生成一个默认的标识）,或者将index作为key，只要key不重复即可。key = 0 的时候 旧的虚拟DOM 内容是张三 新的虚拟DOM为王五 ，react认为内容改变，从而重新创建新的真实DOM.key = 1 的时候 旧的虚拟DOM 内容是李四，新的虚拟DOM为张三，react认为内容改变，从而重新创建新的真实DOM。但是如果你的标签是动态的，是有可能刷新的，就必须显示的指定key。

(1) . setState(stateChange , [ callback ]) -- -- -- 对象式的setState 1. stateChange为状态改变对象(该对象可以体现出状态的更改) 2 . callback是可选的回调函数 , 它在状态更新完毕、界面也更新后(render调用后) 才被调用(2) . setState(updater , [ callback ]) -- -- -- 函数式的setState 1 . updater为返回stateChange对象的函数。

但是，有一个函数 batchedUpdates，该函数会把 isBatchingUpdates 修改为 true，而当 React 在调用事件处理函数之前就会先调用这个 batchedUpdates将isBatchingUpdates修改为true，这样由 React 控制的事件处理过程 setState 不会同步更新 this.state。我们都说Re act是一个状态机，体现是什么地方呢，就是体现在state上，通过与用户的交互，实现不同的状态，然后去渲染UI,这样就让用户的数据和界面保持一致了。

这是关于如何通过 React 设置和使用 Redux Toolkit 的简要概述。使用configureStore创建 Redux storeconfigureStore 接受 reducer 函数作为命名参数configureStore 使用的好用的默认设置自动设置 store为 React 应用程序组件提供 Redux store使用 React-Redux 组件包裹你的传递 Redux store 如。