如何使用React钩子对两个输入求和？

import React, { useState, useEffect } from 'react';

const SumCalculator = () => {
  const [input1, setInput1] = useState(0);
  const [input2, setInput2] = useState(0);
  const [result, setResult] = useState(0);

  useEffect(() => {
    setResult(Number(input1) + Number(input2));
  }, [input1, input2]);

  return (
    <div>
      <input type="number" value={input1} onChange={(e) => setInput1(e.target.value)} />
      <input type="number" value={input2} onChange={(e) => setInput2(e.target.value)} />
      <p>Sum: {result}</p>
    </div>
  );
};

export default SumCalculator;