react 用es6写法 以及问题

2017-06-08  本文已影响0人  海藻web开发
  class Count extends React.Component{
      constructor(props){
         super(props)
         this.state={count:5}
      }
      handleClick(event) {
        this.setState({count: ++this.state.count});
      }
      render() {
        return (
          <p onClick={this.handleClick.bind(this)}>
            {this.state.count}点击我,递增
          </p>
        );
      }
    }
    ReactDOM.render(<Count />,document.getElementById('example'));

注意:点击事件,要使用bind(this) ,改变this指向 或者使用箭头函数

上一篇 下一篇

猜你喜欢

热点阅读