qq_24719349的博客

最近开始看到组件间通信了。组件间通信对于React组件来说相当于就是组件间的“沟通与表达”。React的核心特征是“数据驱动视图”，UI = render(data) 就是React的核心思想，也就是React的视图会随着数据的变化而变化。一、组件间通信方式基于 props 的单向数据流通信所谓单向数据流，意思就是当前组件的state以props的形式流动时，只能流向组件树中比自己层级更低的组件。也就是说，只能由父组件传props给子组件进行通信，而不能反过来。接下来我们来说一下在此通信方式下的几

众所周知，生命周期的作用对于React组件来说是举足轻重的。特别是React组件内部的生命周期render方法，更可以说是React组件的灵魂。不管是虚拟Dom还是渲染工作流都离不开render。而其他的生命周期方法更像是react组件的躯干，躯干每做一件事都会直接影响到灵魂render。一、React15 生命周期介绍React 15生命周期方法汇总constructor() // 构造函数componentWillReceiveProps() // 父组件状态属性更新触发shouldC.

最近在深入学习React的源码以及原理，这里将学到的知识记录下来。暂时只学到了基本过程，详细的内部函数原理后面有机会再记录下来。一、编译JSX首先，JSX本质其实是javascript的语法扩展，和模板语言非常接近，但是其充分具备javascript的能力。但是其要在javascript生效的话，需使用到 Babel 进行编译，JSX在被编译后，会变成一个针对 React.createElement 的调用。二、React.createElement 内部流程首先，React.createEle