Псевдоним связанных действий делает их невидимыми в IDE - PullRequest
0 голосов
/ 26 августа 2018

Я хочу подключить / связать действия в том же файле, в котором я определяю свой компонент, и в идеале хотел бы, чтобы этот компонент был функциональным.Проблема заключается в том, что я должен создать псевдоним своего действия, чтобы избежать правила eslint 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);
...