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

在React中，可以使用状态（state）来动态获取标签值并进行数字相加。下面是一个示例代码：

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;

在上面的代码中，我们使用了useState来定义了三个状态：number1、number2和result。通过setNumber1和setNumber2函数，可以更新number1和number2的值。当输入框的值发生改变时，handleInputChange函数会被调用，并根据输入框的名称（name）更新相应的状态。handleAddition函数用于将number1和number2相加，并将结果保存在result状态中。最后，在界面上展示了两个输入框、一个按钮和结果。