在返回之前从react钩子中获取更新后的变量

class MyComponent extends React.Component {
  state = {
    data: 'initial data',
  };

  componentDidUpdate(prevProps, prevState) {
    // 在更新后获取更新后的变量
    const updatedData = this.state.data;
    console.log('Updated data:', updatedData);
  }

  render() {
    return <div>My Component</div>;
  }
}

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

const MyComponent = () => {
  const [data, setData] = useState('initial data');

  useEffect(() => {
    // 在更新后获取更新后的变量
    const updatedData = data;
    console.log('Updated data:', updatedData);
  }, [data]);

  return <div>My Component</div>;
};