
react
文章平均质量分 95
進擊的小白
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
react 的初步理解
文章目录statesetState(partialState, callback)state 的更新可能是异步state 的更新会被合并redux检查点:react-reduxreact-router只会渲染一个路径Route渲染内容的三种⽅方式children:funcrender:funccomponent: componentpureComponentstate不能直接修改state,需借助setState()setState(partialState, callback)partialSt原创 2021-04-19 15:55:49 · 581 阅读 · 0 评论 -
react 的生命周期
文章目录React v16.0前的生命周期组件初始化(initialization)阶段组件挂载(Mounting)阶段组件的更新(update)阶段造成组件更新的两类(三种)情况1、父组件重新render2、组件本身调用 setState卸载阶段React v16.4+ 的生命周期React v16.4后的getDerivedStateFromPropsgetSnapshotBeforeUpdateReact v16.0前的生命周期组件初始化(initialization)阶段也就是以下代码中类的转载 2021-04-18 21:31:54 · 109 阅读 · 0 评论 -
react JSX 原理解析
what?JSX是对js语法的扩展,使我们可以用类似xml方式描述视图why?执行快、类型安全、开发简单快速how?babel-loader会预编译jsx为 React.createElement(type, props, …chilren)...原创 2019-07-30 15:30:22 · 828 阅读 · 0 评论 -
redux中间件机制
源码如下:export function createStore(reducer, enhancer) { if (enhancer) { return enhancer(createStore)(reducer) } let currentState = {} // 当前状态 let currentListeners = [] // 响应器(订阅功能) fun...原创 2019-07-31 12:12:07 · 163 阅读 · 0 评论 -
react-redux源码分析
connect// (mapStateToProps = state => state, mapDispatchToProps = {}) => (WrapComponent) => {}: 就是个高阶组件,装饰WrapComponent组件export const connect = (mapStateToProps = state => state, mapDisp...原创 2019-07-31 14:25:02 · 153 阅读 · 0 评论 -
redux-actions源码解析
1. 什么是redux-actionsredux-actions是一个简化action和reducer创建的一个封装库常用API函数:createAction()handleActions()2. createAction()2.1 用法一般创建Action方式:export const addTodo = (text) => ({ type: 'ADD_TODO',...原创 2019-07-31 16:43:27 · 266 阅读 · 0 评论