如何动态获取标签值，并使用reactjs将来自不同输入的数字相加

import React, { useState } from 'react';

function AddNumbers() {
  const [number1, setNumber1] = useState(0);
  const [number2, setNumber2] = useState(0);
  const [result, setResult] = useState(0);

  const handleInputChange = (event) => {
    const { name, value } = event.target;
    if (name === 'number1') {
      setNumber1(Number(value));
    } else if (name === 'number2') {
      setNumber2(Number(value));
    }
  };

  const handleAddition = () => {
    setResult(number1 + number2);
  };

  return (
    <div>
      <input
        type="number"
        name="number1"
        value={number1}
        onChange={handleInputChange}
      />
      <input
        type="number"
        name="number2"
        value={number2}
        onChange={handleInputChange}
      />
      <button onClick={handleAddition}>Add</button>
      <p>Result: {result}</p>
    </div>
  );
}

export default AddNumbers;