如何在带有Redux、React和TypeScript的连接组件中维护操作创建器类型？

interface ActionCreator {
  type: string;
  payload?: any;
}

import { connect } from 'react-redux';
import { Dispatch } from 'redux';

interface StateProps {
  // 定义需要从Redux状态中获取的属性
}

interface DispatchProps {
  // 定义需要使用的操作创建器
}

interface OwnProps {
  // 定义组件自身的属性
}

const mapStateToProps = (state: RootState): StateProps => {
  return {
    // 将需要的状态属性映射到props中
  };
};

const mapDispatchToProps = (dispatch: Dispatch): DispatchProps => {
  return {
    // 将需要的操作创建器映射到props中
  };
};

const ConnectedComponent = connect<StateProps, DispatchProps, OwnProps>(
  mapStateToProps,
  mapDispatchToProps
)(YourComponent);

interface YourComponentProps extends StateProps, DispatchProps, OwnProps {
  // 组件自身的属性
}

const YourComponent: React.FC<YourComponentProps> = (props) => {
  // 使用映射后的状态属性和操作创建器
  // ...
};