1.2.1 JSX

判断一个元素是HTML还是React组件的原则就是看第一个字母是否大写，

import React,{Component} from 'react';
class ClickCounter extends Component{
  constructor(props){
    super(props);
    this.onClickButton = this.onClickButton.bind(this);
    this.state = {count:0};
  }
onClickButton(){
  this.setState({count:this.state.count+1});
}

render(){
  const counterStyle ={
    margin:'26px'
  }
  return(
    <div style={counterStyle}>
      <button onClick ={this.onClickButton}> Click Me</button>

    <div>
      Click Count:<span id="clickCount">{this.state.count}</span>
    </div>
    </div>
  );
}
}

export default  ClickCounter;