摘要: 1. 高阶组件 React中的高阶组件是一个函数,不是一个组件。 函数的入参有一个React组件和一些参数,返回值是一个包装后的React组件。相当于将输入的React组件进行了一些增强。React的高阶组件实际上是装饰器(Decorator)模式的一种实践。 2. 无状态组件(stateless 阅读全文
posted @ 2018-08-22 16:40 全玉 阅读(631) 评论(0) 推荐(0) 编辑
摘要: 1.父子通信 父 -> 子 props子 -> 父 回调函数,父组件通过props向子组件传递一个函数,子组件调用函数,父组件在回调函数中用setState改变自身状态 2.跨层级通信 1. 层层传递props 2. 使用React context 3. 使用共同父组件,修改其状态,来两边通信 4. 阅读全文
posted @ 2018-08-22 15:44 全玉 阅读(227) 评论(0) 推荐(0) 编辑
摘要: 1. 父子通信 1.1 props和emit 父 -> 子 props子 -> 父 事件$emit 1.2 双向绑定 v-model 子组件用$emit('input',data),可以用model属性修改value和input的名字。 .sync 在vue2.2恢复使用,可以实现双向修改,本质还是 阅读全文
posted @ 2018-08-22 15:21 全玉 阅读(233) 评论(0) 推荐(0) 编辑
摘要: getDefaultProps 不是获取默认props,而是设置默认props,主要用在ES5的React写法中getInitialState 不是获取默认State,而是设置初始的state,主要是用在ES5的React写法中 下面是ES5和ES6的写法对比 阅读全文
posted @ 2018-08-22 15:10 全玉 阅读(1332) 评论(0) 推荐(0) 编辑
摘要: React的生命周期总共8个钩子,三个will,两个Did,一个RecciveProps,一个ShouldUpdate,一个render。分为三个阶段,分别是 装载 Mounting更新 Updating卸载 Unmounting 1. 钩子说明 1.componentWillReceiveProp 阅读全文
posted @ 2018-08-22 14:24 全玉 阅读(274) 评论(0) 推荐(0) 编辑
摘要: vue2.x版本总共有8个生命周期钩子,四个before,四个ed,再加上activated和deactivated两个激活钩子,总共10个周期钩子 1.钩子说明 1. breforeCreate 创建前执行,此时 data: undefined $el: undefined 2. created 阅读全文
posted @ 2018-08-22 11:13 全玉 阅读(468) 评论(0) 推荐(0) 编辑