混淆关联的动作会使它们在IDE中不可见

Question

我想在定义组件的同一文件中连接/绑定动作，并且理想情况下希望该组件正常工作。问题是这样做的，这意味着我必须对动作进行别名处理，以避免使用拖延规则no-shadow。您可以在下面的代码块中看到它。但是，我也使用IDE，并且在尝试查找上述操作的所有用法时，对这些操作进行别名会使它们对我的IDE不可见。

有什么办法可以将这些分派的动作连接到我的功能组件上，同时使这些动作对我的IDE可见以进行调试？

import React from 'react';
import {connect} from 'react-redux';
import {actionOne, actionTwo}  from '../../../../actions';

const ComponentOne = ({actionOneDispatch, actionTwoDispatch}) => {
  const handleClick = () => {
    actionOneDispatch();
    actionTwoDispatch()
  };

  return (
    <button onClick={handleClick}>Click Me</button>
  );
};

const mapDispatchToProps = (dispatch) => ({
  actionOneDispatch: () => {
    dispatch(actionOne());
  },
  actionTwoDispatch: () => {
    dispatch(actionTwo());
  },
});

export default connect(null, mapDispatchToProps)(ComponentOne);