React挂钩- setState不会更新某些状态属性

this.setState({ key: value }, () => {
  console.log(this.state.key); // 确保在这里读取更新后的状态
});

this.setState(prevState => ({
  key: !prevState.key // 基于前一个状态进行更新
}));

// 错误的做法
this.state.someObject.key = newValue;

// 正确的做法
this.setState(prevState => ({
  someObject: {
    ...prevState.someObject,
    key: newValue
  }
}));

import produce from 'immer';

this.setState(produce(draft => {
  draft.someObject.key = newValue;
}));

import React, { Component } from 'react';

class Example extends Component {
  constructor(props) {
    super(props);
    this.state = {
      count: 0,
      user: {
        name: 'John',
        age: 30
      }
    };
  }

  incrementCount = () => {
    this.setState(prevState => ({
      count: prevState.count + 1
    }));
  };

  updateUser = () => {
    this.setState(prevState => ({
      user: {
        ...prevState.user,
        age: prevState.user.age + 1
      }
    }));
  };

  render() {
    return (
      <div>
        <p>Count: {this.state.count}</p>
        <button onClick={this.incrementCount}>Increment</button>
        <p>User Age: {this.state.user.age}</p>
        <button onClick={this.updateUser}>Update User Age</button>
      </div>
    );
  }
}

export default Example;