使用react实现一个简易计算器用两个input

和四个按钮，实现加减乘除四则运算。

以下是一个使用React实现的简易计算器代码：

import React, { useState } from 'react';

function Calculator() {
  const [num1, setNum1] = useState('');
  const [num2, setNum2] = useState('');
  const [result, setResult] = useState(0);

  const handleNum1Change = (event) => {
    setNum1(event.target.value);
  };

  const handleNum2Change = (event) => {
    setNum2(event.target.value);
  };

  const handleAddClick = () => {
    setResult(Number(num1) + Number(num2));
  };

  const handleSubtractClick = () => {
    setResult(Number(num1) - Number(num2));
  };

  const handleMultiplyClick = () => {
    setResult(Number(num1) * Number(num2));
  };

  const handleDivideClick = () => {
    setResult(Number(num1) / Number(num2));
  };

  return (
    <div>
      <input type="number" value={num1} onChange={handleNum1Change} />
      <input type="number" value={num2} onChange={handleNum2Change} />
      <br />
      <button onClick={handleAddClick}>+</button>
      <button onClick={handleSubtractClick}>-</button>
      <button onClick={handleMultiplyClick}>*</button>
      <button onClick={handleDivideClick}>/</button>
      <br />
      Result: {result}
    </div>
  );
}

export default Calculator;

该代码定义了一个名为`Calculator`的组件，其中使用了React的`useState`钩子来管理状态。组件渲染了两个`input`元素和四个按钮，分别对应加、减、乘、除四种运算。每个按钮都绑定了一个点击事件，当用户点击时，组件会根据输入的两个数字进行相应的计算，并将结果显示在页面上。