如何在调用redux操作后立即更新组件中的道具？

import React, { Component } from 'react';
import { connect } from 'react-redux';
import { updateData } from './actions'; // 导入需要的action creators
import { getData } from './selectors'; // 导入需要的selectors

class MyComponent extends Component {
  componentDidMount() {
    // 监听redux store的变化
    this.unsubscribe = this.props.store.subscribe(this.handleUpdate);
  }

  componentWillUnmount() {
    // 取消监听
    this.unsubscribe();
  }

  handleUpdate = () => {
    // 在redux操作后更新组件中的属性
    const newData = this.props.getData(); // 使用selector获取最新的数据
    this.setState({ data: newData }); // 更新组件的state或props
  }

  render() {
    // 渲染组件
    return (
      <div>
        {/* 使用更新后的属性进行渲染 */}
        <p>{this.props.data}</p>
        {/* 调用redux操作 */}
        <button onClick={this.props.updateData}>Update Data</button>
      </div>
    );
  }
}

// 将redux store中的state映射到组件的props中
const mapStateToProps = (state) => ({
  data: getData(state),
});

// 将action creators映射到组件的props中
const mapDispatchToProps = {
  updateData,
};

// 使用connect函数连接组件和redux store
export default connect(mapStateToProps, mapDispatchToProps)(MyComponent);