使用从扩散操作符复制的对象时，setState不起作用

import React from 'react';
import cloneDeep from 'lodash/cloneDeep';

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      data: {
        name: 'John',
        age: 25,
      },
    };
  }

  handleClick() {
    // 使用深拷贝来复制对象
    const newData = cloneDeep(this.state.data);
    newData.age += 1;

    this.setState({ data: newData });
  }

  render() {
    return (
      <div>
        <p>Name: {this.state.data.name}</p>
        <p>Age: {this.state.data.age}</p>
        <button onClick={() => this.handleClick()}>Increase Age</button>
      </div>
    );
  }
}

export default MyComponent;