Reactjs 未使用mapDispatchtoProps映射操作_Reactjs_Undefined_Action

Reactjs 未使用mapDispatchtoProps映射操作

reactjs

Reactjs 未使用mapDispatchtoProps映射操作,reactjs,undefined,action,Reactjs,Undefined,Action,大家好，圣诞快乐我已创建并使用如下源代码执行操作： export const SWITCH_LANGUAGE = 'SWITCH_LANGUAGE'; export function switchLanguage(language) { return { type: SWITCH_LANGUAGE, payload: language }; } 然后我想让这个动作成为我page.js中的道具因此，我

大家好，圣诞快乐我已创建并使用如下源代码执行操作：

export const SWITCH_LANGUAGE = 'SWITCH_LANGUAGE';

    export function switchLanguage(language) {

        return {
          type: SWITCH_LANGUAGE,
          payload: language
        };
    }

然后我想让这个动作成为我page.js中的道具因此，我写：

import { switchLanguage } from '../actions/index';
...
function mapDispatchToProps(dispatch) {
  return bindActionCreators({ switchLanguage }, dispatch);
}
..
const switchLanguage = this.props.switchLanguage;

但是当我编写console.log（props.switchLanguage）时，它会显示

function () {
        return dispatch(actionCreator.apply(undefined, arguments));
      }

为什么会发生这种情况？？？

您得到的输出是预期的。那里没有什么问题。该行：

function () {
    return dispatch(actionCreator.apply(undefined, arguments));
}

动作创建者（

switchLanguage

）应用了任何传入参数（使用

apply

），然后将其传递到

dispatch

。这正是

bindActionCreators

的用途

根据文档，当您想要将一些动作创建者传递给一个不知道的组件时，使用

bindActionCreators

Redux，并且您不想将dispatch或Redux存储传递给它。更多信息请访问

在您的组件中，您可以像刚才一样访问任何道具。然后，当您想要分派操作时，只要调用

this.props.switchLanguage（/*language*/）

或

switchLanguage（/*language*/）

，如果您以前从

this.props

提取过函数

只要减速器正确处理动作，一切都应该按预期工作。