react学习笔记 item4 --- 状态（state）

React 把组件看成是一个状态机（State Machines）。通过与用户的交互，实现不同状态，然后渲染 UI，让用户界面和数据保持一致。React 里，只需更新组件的 state，然后根据新的 state 重新渲染用户界面（不要操作 DOM）。React 来决定如何最高效地更新 DOM。

我们还是以上一篇文章的例子来进行说明：

var HelloMessage = React.createClass({
    getInitialState: function() {
   
        return { isRed : true };
    },
    handleClick: function(){
   
        this.setState({isRed : !this.state.isRed});
    },
  render: function() {
   
    var redStyle = {
        color:'red'
    };
    var blueStyle = {
        color:'blue'
    };
    return (
        <div>
            <h1 style={
  this.state.isRed ? redStyle : blueStyle}>Hello {