import React, { Component } from 'react';

class AdditionComponent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      number1: 0,
      number2: 0,
      result: 0
    };
  }

  handleAddition = () => {
    const { number1, number2 } = this.state;
    const result = number1 + number2;
    this.setState({ result });
  }

  render() {
    const { number1, number2, result } = this.state;

    return (
      <div>
        <input type="number" value={number1} onChange={(e) => this.setState({ number1: parseInt(e.target.value) })} />
        <input type="number" value={number2} onChange={(e) => this.setState({ number2: parseInt(e.target.value) })} />
        <button onClick={this.handleAddition}>相加</button>
        <p>结果：{result}</p>
      </div>
    );
  }
}

export default AdditionComponent;