WebStorm говорит, что типы аргументов не соответствуют параметрам в функции bindActionCreaters

#reactjs #redux #react-redux #webstorm

#reactjs #сокращение #реагировать-redux #webstorm

Вопрос:

У меня есть компонент react, скажем, xyz. У меня есть создатель действия с именем, скажем, abc, который вызывается при нажатии определенной кнопки в компоненте. Хотя action-creator, который я импортировал из своей папки actions, работает нормально, когда я привязываю его к своему компоненту с помощью bindActionCreators, WebStorm IDE выделяет эту функцию bindActionCreators в файле, и при наведении курсора на выделенный текст отображается сообщение «типы аргументов не соответствуют параметрам функции«.

Я не понимаю, почему WebStorm показывает это. Пожалуйста, подскажите мне решение для исправления этого предупреждения.

    import { abc } from '../../actions/abc';
   import { bindActionCreators } from 'redux';

----------------------------------------------------------

   const mapActionToProps = (dispatch) => {
     return bindActionCreators({ abc }, dispatch);
   };
----------------------------------------------------------

export default connect(mapStateToProps, mapActionToProps)(xyz);

----------------------------------------------------------

export const UPDATE_BAR_STATE = 'UPDATE_BAR_STATE';

export const abc = (value) => {
    return({
        type: UPDATE_BAR_STATE,
        payload: value
    });
};
  

Эталонное изображение:
Эталонное изображение

Комментарии:

1. Не могли бы вы поделиться своим создателем действий abc ?

2. Он показывает это сообщение в каждом компоненте, где я использовал bindActionCreators!

3. Я вижу. Когда ваша среда разработки сообщает об ошибке, что код передает неправильный тип аргумента функции, но вы не хотите сообщать, что это за аргумент (в данном случае { abc } ), вам трудно помочь.

4. Я добавил один из многих создателей действий, которые показывают это сообщение.

5. Это ошибка в WebStorm.