如何为redux连接组件自动生成typescript接口

// 示例ActionTypes.ts
export const SET_COUNTER = 'SET_COUNTER';
export const INCREMENT_COUNTER = 'INCREMENT_COUNTER';
export const DECREMENT_COUNTER = 'DECREMENT_COUNTER';

// 示例Actions.ts
import { SET_COUNTER, INCREMENT_COUNTER, DECREMENT_COUNTER } from './ActionTypes';

export interface SetCounterAction {
  type: typeof SET_COUNTER;
  payload: number;
}

export interface IncrementCounterAction {
  type: typeof INCREMENT_COUNTER;
}

export interface DecrementCounterAction {
  type: typeof DECREMENT_COUNTER;
}

export type CounterActionTypes = SetCounterAction | IncrementCounterAction | DecrementCounterAction;

export const setCounter = (value: number): SetCounterAction => {
  return {
    type: SET_COUNTER,
    payload: value
  };
};

export const incrementCounter = (): IncrementCounterAction => {
  return {
    type: INCREMENT_COUNTER
  };
};

export const decrementCounter = (): DecrementCounterAction => {
  return {
    type: DECREMENT_COUNTER
  };
};

// 示例Reducer.ts
import { CounterActionTypes } from './Actions';
import { SET_COUNTER, INCREMENT_COUNTER, DECREMENT_COUNTER } from './ActionTypes';

export interface CounterState {
  value: number;
}

const initialState: CounterState = {
  value: 0
};

const counterReducer = (state = initialState, action: CounterActionTypes): CounterState => {
  switch (action.type) {
    case SET_COUNTER:
      return {
        ...state,
        value: action.payload
      };
    case INCREMENT_COUNTER:
      return {
        ...state,
        value: state.value + 1
      };
    case DECREMENT_COUNTER:
      return {
        ...state,
        value: state.value - 1
      };
    default:
      return state;
  }
};

export default counterReducer;

// 示例Component.tsx
import React from 'react';
import { connect } from 'react-redux';
import { setCounter, incrementCounter, decrementCounter, CounterState } from './Redux';

interface CounterProps {
  value: number;
  setCounter: (value: number) => void;
  incrementCounter: () => void;
  decrementCounter: () => void;
}

const CounterComponent: React.FC<CounterProps> = ({ value, setCounter, incrementCounter, decrementCounter }) => {
  return (
    <div>
      <h1>Counter: {value}</h1>
      <button onClick={() => setCounter(0)}>Reset</button>
      <button onClick={incrementCounter}>+</button>
      <button onClick={decrementCounter}>-</button>
    </div>
  );
};

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

const mapDispatchToProps = {
  setCounter,
  incrementCounter,
  decrementCounter
};

export default connect(mapStateToProps, mapDispatchToProps)(CounterComponent);