import React, { Component, Fragment } from "react";

class TwoFour extends Component {

  constructor(props) {

    super(props);

    this.handleBtnClick = this.handleBtnClick.bind(this);

    this.state = {

      number: 1,

    };

  }

  //   点击，数字加2

  handleBtnClick() {

    const newNumber = this.state.number + 2;

    this.setState({

      number: newNumber,

    });

  }

  render() {

    return (

      <Fragment>

        <button onClick={this.handleBtnClick}>点击，数字加2</button>

        <p>{this.state.number}</p>

      </Fragment>

    );

  }

}

export default TwoFour;