当redux中的道具被更新时，react组件应该如何重新渲染自己？

componentDidUpdate(prevProps) {
  if (this.props.propFromRedux !== prevProps.propFromRedux) {
    this.setState({}); // 触发重新渲染
  }
}

import { useEffect } from 'react';

function MyComponent(props) {
  useEffect(() => {
    // 监听redux中的道具更新
    // 触发重新渲染
  }, [props.propFromRedux]);

  // 组件渲染逻辑
}

import { connect } from 'react-redux';

function MyComponent(props) {
  // 组件渲染逻辑
}

const mapStateToProps = (state) => {
  return {
    propFromRedux: state.propFromRedux
  };
};

export default connect(mapStateToProps)(MyComponent);