摘要:
1. 高阶组件 React中的高阶组件是一个函数,不是一个组件。 函数的入参有一个React组件和一些参数,返回值是一个包装后的React组件。相当于将输入的React组件进行了一些增强。React的高阶组件实际上是装饰器(Decorator)模式的一种实践。 2. 无状态组件(stateless 阅读全文
posted @ 2018-08-22 16:40
全玉
阅读(654)
评论(0)
推荐(0)
摘要:
1.父子通信 父 -> 子 props子 -> 父 回调函数,父组件通过props向子组件传递一个函数,子组件调用函数,父组件在回调函数中用setState改变自身状态 2.跨层级通信 1. 层层传递props 2. 使用React context 3. 使用共同父组件,修改其状态,来两边通信 4. 阅读全文
posted @ 2018-08-22 15:44
全玉
阅读(238)
评论(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
全玉
阅读(238)
评论(0)
推荐(0)
摘要:
getDefaultProps 不是获取默认props,而是设置默认props,主要用在ES5的React写法中getInitialState 不是获取默认State,而是设置初始的state,主要是用在ES5的React写法中 下面是ES5和ES6的写法对比 阅读全文
posted @ 2018-08-22 15:10
全玉
阅读(1374)
评论(0)
推荐(0)
摘要:
React的生命周期总共8个钩子,三个will,两个Did,一个RecciveProps,一个ShouldUpdate,一个render。分为三个阶段,分别是 装载 Mounting更新 Updating卸载 Unmounting 1. 钩子说明 1.componentWillReceiveProp 阅读全文
posted @ 2018-08-22 14:24
全玉
阅读(296)
评论(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
全玉
阅读(477)
评论(0)
推荐(0)

浙公网安备 33010602011771号