ReactJS的基础嵌套以及状态

今天又很开心学习了第四章节，收获蛮大的，希望写完文章后能对状态有着更好的掌握！
1.首先是组件的嵌套

React组件的创建是用creatClass函数
在这里我们举一个例子：
var Part_one=React.createClass({

        render:function () {
             return(
                 <div>
                 <h1>我爱敲代码</h1>
                    *<Part_Two/>*
                </div>
             );
         }
     });

然后呢，我们再定义一个组件名为 <Part_Two/>
var Part_Two=React.createClass({

         render:function () {
            return (
                 <h2>我也爱敲代码</h2>
            )
         }
    });

然后在其中一个组件中嵌套另外一个组件，就是这么简单！
测试通过后就成功显示了2行字，‘我爱敲代码和我也爱敲代码’
2.下面展示下今天比较重要的状态。
在React定义状态的时候是用
getInitialState:function(){

            return {
                clickCount:0,
            }
        }

要改变状态要调用setstate函数，在这里我做了一个小项目，点击一次按钮就加一!

ps：展示下源码
var Click=React.createClass({

        getInitialState:function(){
            return {
                clickCount:0,
            }
        },
        clickOver:function(){
            this.setState({
                clickCount:this.state.clickCount+1,
            })
        },
        render:function () {
            return (
                <div>
                    <p>点击下面的按钮</p>
                    <button onClick={this.clickOver}>点我</button>
                    <p>你一共点击了：{this.state.clickCount}</p>
                </div>
            )
        }
    });
    /*渲染到页面*/
    React.render(<Click/>,
        document.getElementById("window")
    )

解释：首先我们定义了一个状态事件，返回值是一个变量为0，然后又定义了一个事件用于每次+1，然后构建了一个div实现了简单的交互
button指向了每次+1的事件，下面的展示一共点击多少下的p标签则调用了状态事件，每当用户点击一次就调用方法让变量+1，然后p标签就
记录了一共多少次，最终渲染到window中，拥有一点点js基础的人能很直观的看懂。

写在最后：React 把组件看成是一个状态机。通过与用户的交互，实现不同状态，然后渲染 UI，让用户界面和数据保持一致。