如何在React中显示对象中的输入值

import React, { useState } from 'react';

const DisplayInputValues = () => {
  const [inputValues, setInputValues] = useState({
    name: '',
    email: '',
    age: '',
  });

  const handleChange = (e) => {
    const { name, value } = e.target;
    setInputValues((prevValues) => ({
      ...prevValues,
      [name]: value,
    }));
  };

  return (
    <div>
      <input
        type="text"
        name="name"
        value={inputValues.name}
        onChange={handleChange}
      />
      <input
        type="email"
        name="email"
        value={inputValues.email}
        onChange={handleChange}
      />
      <input
        type="number"
        name="age"
        value={inputValues.age}
        onChange={handleChange}
      />

      <h2>Name: {inputValues.name}</h2>
      <h2>Email: {inputValues.email}</h2>
      <h2>Age: {inputValues.age}</h2>
    </div>
  );
};

export default DisplayInputValues;