react的目的是将前端页面组件化，用状态机的思维模式去控制组件。组件和组件之间肯定是有关系得，通过合理得组件设计，给每一个组件划定合适得边界，可以有效降低当我们对页面进行重构时对其他组件之间得影响。同时也可以使我们得代码更加美观。1、高耦合低内聚。高耦合：将功能联系紧密得部分放到一个容器组件内对外暴漏出index.js，目录结构如下:├── components│ └── App└── inde
一、组件的几种创建方式对于React来说组件Component算是它的核心之一。用了React的时间也不短了，记录一下以便以后翻看1 createClass用ES5的方法React.createClass来创建一个组件import React from 'react';
class Test = React.createClass({
render(){
return(
组件state必须能代表一个组件UI呈现的完整状态集，即组件的任何UI改变都可以从state的变化中反映出来；同时，state还必须代表一个组件UI呈现的最小状态集，即state中的所有状态都用于反映组件UI的变化，没有任何多余的状态，也不应该存在通过其他状态计算而来的中间状态。state vs 普通属性首先，什么是普通属性？我们的组件都是使用ES6的class定义的，所以组件的属性其实也就是cl
一、组件执行的生命周期： 1、初始没有改变state、props 的生命周期：render 2、改变 state 后的生命周期： a、父组件的 state 改变：render、【子组件的 componentWillReceiveProps、子组件对应父组件这4个周期函数】、componentDidUpdate父组件的的s
一，对组件化的理解1，组件的封装-视图-数据-变化逻辑（数据驱动视图变化）例：import React, {
Component
} from 'react';
import List from './list/index.js';
import Input from './input/index.js';
class Todo extends Component {
const
