react
文章平均质量分 64
野马夫人
六年技术债,何时能还完?
展开
-
React总结(一)-- 概述
用react开发了管理后台、对react有一定的了解,在此做个总结。 react介绍 1. react 工作原理: Virtual dom机制:由虚拟dom管理真实dom的更新。 对于每一个组件,react会在内存中构建一个相对应的dom树,当组件状态发生变化时,react都会重新构建整个dom数据,将当前整个dom树和上一次的dom树通过diff算法进行对比,得出do原创 2018-02-02 10:16:38 · 1472 阅读 · 0 评论 -
React总结(四)-- refs和forceUpdate
一.react refs ref是react上的特殊属性 在常规的数据流之外强制修改子元素 被修改的可以是react组件实例,或者一个dom元素 可以在dom元素上和类组件上添加ref,react组件在加载时将dom元素传入ref的回调,在componentDidMount 或者componentDidUpdate 这些生命周期前执行。 1. dom元素上添加原创 2018-02-02 10:58:44 · 25359 阅读 · 1 评论 -
React总结(三)-- react生命周期
React 生命周期 【react 挂载】: 将组件渲染,并构建DOM元素然后插入页面的过程。 1.constructor 在组件创建时执行 2.componentWillMount 在挂载前调用一次。如果在这个函数中调用setState,本次render函数可以看到更新后的state,并且只渲染一次。 3.componentDidMoun 1.组件挂载之后调用一原创 2018-02-02 10:20:02 · 338 阅读 · 0 评论 -
React总结(二)-- 组件之间的通信
1.父组件向子组件通信 : 父组件通过向子组件传递 props,子组件得到 props 后进行相应的处理。 Container.js ..... import Sub from 'Sub.js'; class Container extends React.Component{ constructor(){ super(); } render(){原创 2018-02-02 10:19:42 · 1279 阅读 · 0 评论