React useEffect正在尝试同时设置对象

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

const ExampleComponent = () => {
  const [data, setData] = useState({ name: '', age: 0 });

  useEffect(() => {
    // 在data的name属性或age属性发生变化时执行操作
    console.log('data属性发生变化');
    // 执行其他操作...
  }, [data.name, data.age]);

  const handleInputChange = (e) => {
    const { name, value } = e.target;
    setData(prevData => ({
      ...prevData,
      [name]: value
    }));
  };

  return (
    <div>
      <input type="text" name="name" value={data.name} onChange={handleInputChange} />
      <input type="number" name="age" value={data.age} onChange={handleInputChange} />
    </div>
  );
};

export default ExampleComponent;