#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.