确保函数在setState之后运行

this.setState({ key: value }, () => {
  // 在这里执行需要在状态更新后的操作
  console.log('State updated:', this.state);
});

componentDidUpdate(prevProps, prevState) {
  if (prevState.key !== this.state.key) {
    // 在这里执行需要在状态更新后的操作
    console.log('State updated:', this.state);
  }
}

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

function MyComponent() {
  const [key, setKey] = useState(initialValue);

  useEffect(() => {
    // 在这里执行需要在状态更新后的操作
    console.log('State updated:', key);
  }, [key]); // 依赖数组中的 key 表示当 key 变化时重新运行 useEffect

  return (
    <div>
      {/* 组件内容 */}
    </div>
  );
}

const updateState = () => {
  return new Promise((resolve) => {
    this.setState({ key: value }, resolve);
  });
};

const handleUpdate = async () => {
  await updateState();
  // 在这里执行需要在状态更新后的操作
  console.log('State updated:', this.state);
};