小生愛


  
            const log = (...value) => console.log(...value)

            import ReactDOM from 'react-dom'
            import React, { Component, PropTypes } from 'react';

            class Clock extends React.Component {
              constructor (props) {
                super(props)
                this.state = {isToggleOn: true}
              }

              handleClick (e) {
                this.setState(prevState => ({
                    isToggleOn: !prevState.isToggleOn
                  })
                )
              }

              render () {
                const fn = this.handleClick.bind(this)
                return (
                  <button onClick={fn}>
                    {this.state.isToggleOn ? 'ON' : 'OFF'}
                  </button>
                )
              }
            }

            ReactDOM.render(
              // 可以用这种方式引入 自定义组件
              <Clock />,
              document.querySelector('#box')
            )