onClick 等事件，与原生 HTML 不同，on 之后第一个字母是大写的！，如果将 onClick={this.handleClick} 换成 onclick={this.handleClick} 则点击事件不再生效。

  <div id="example"></div>

    <script type="text/babel">

      var LikeButton = React.createClass({

        getInitialState: function() {

          return {liked: false};

        },

        handleClick: function(event) {

          this.setState({liked: !this.state.liked});

        },

        render: function() {

          var text = this.state.liked ? '喜欢' : '不喜欢';

          return (

            <p onClick={this.handleClick}>

              你<b>{text}</b>我。点我切换状态。

            </p>

          );

        }

      });

      ReactDOM.render(

        <LikeButton />,

        document.getElementById('example')

      );