如何将动作从redux connect添加到组件属性typescript

import { connect } from 'react-redux';
import { bindActionCreators, Dispatch } from 'redux';
import { Action } from 'redux';

// 导入你的动作文件
import { yourAction } from './actions';

interface ComponentProps {
  // 声明组件的属性
  yourProp: string;

  // 声明所需的动作
  yourAction: () => void;
}

class YourComponent extends React.Component<ComponentProps> {
  // 组件的实现代码

  render() {
    // 使用组件的属性和动作
    const { yourProp, yourAction } = this.props;

    // 渲染组件的内容
    return (
      <div>
        <p>{yourProp}</p>
        <button onClick={yourAction}>执行动作</button>
      </div>
    );
  }
}

// 使用connect函数将组件连接到Redux store，并将动作添加到组件的属性中
export default connect(
  // 将Redux store的状态映射到组件的属性
  (state: RootState) => ({
    yourProp: state.yourReducer.yourProp,
  }),
  // 将动作绑定到组件的属性
  (dispatch: Dispatch<Action>) =>
    bindActionCreators(
      {
        yourAction,
      },
      dispatch
    )
)(YourComponent);