Jesse_Suo的博客

原著序 处理 React 组件之间的交流方式，主要取决于组件之间的关系，然而这些关系的约定人就是你。 我不会讲太多关于 data-stores、data-adapters 或者 data-helpers 之类的话题。我下面只专注于 React 组件本身的交流方式的讲解。 React 组件之间交流的方式，可以分为以下 3 种： 【父组件】向【子组件】传值；【子组件】向【父组件

创建组件 ES6 class创建的组件语法更加简明，也更符合javascript。内部的方法不需要使用function关键字。 React.createClass import React from 'react'; const MyComponent = React.createClass({ render: function() { return ( d

1. 虚拟DOM —— 在DOM树的状态需要发生变化时，虚拟DOM机制会将同一Event loop前后的DOM树进行对比（自然通过一系列高效的算法），如果俩个DOM树存在不一样的地方，那么React仅仅会针对这些不一样的区域（DOM diff）来进行响应的DOM修改，从而实现最高效的DOM操作和渲染。 如下图，我们修改了DOM树上一些节点（或UI组件）对应绑定的state（不知道state是

处理 React 组件之间的交流方式，主要取决于组件之间的关系，然而这些关系的约定人就是你。 我不会讲太多关于 data-stores、data-adapters 或者 data-helpers 之类的话题。我下面只专注于 React 组件本身的交流方式的讲解。 React 组件之间交流的方式，可以分为以下 3 种： 【父组件】向【子组件】传值； 【子组件】向【