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