当我尝试分派动作时,我得到的错误分派未定义

时间:2018-12-27 15:25:17

标签: javascript html reactjs redux material-ui

  • 我是redux的新手,正在尝试从头开始学习一切。
  • 所以我也是npm软件包,并以我的形式实现
  • 当我尝试分派动作时,我得到的错误分派未定义
  • 您能让我知道如何解决它吗?我看着文件 https://www.npmjs.com/package/react-redux-loading-bar
  • 我通过放置控制台进行调试,但仍然无法修复。
  • 您能告诉我如何修复,以便将来我自己修复。
  • 在下面提供我的代码段和沙箱。

https://codesandbox.io/s/zn812n05v4

const SyncValidationForm = props => {
  const { handleSubmit, pristine, reset, submitting } = props;
  console.log("handleSubmit--->", handleSubmit);
  console.log("handleSubmit props--->", props);
  dispatch(showLoading("sectionBar"));
  return (
    <div>
      <LoadingBar />

      <form onSubmit={handleSubmit}>
        <Field
          name="username"
          type="text"
          component={renderField}
          label="Username"
        />

2 个答案:

答案 0 :(得分:1)

调度通过props传递。请改用props.dispatch

答案 1 :(得分:1)

分派可以通过多种方式使用:

yourFlag

但是,我建议通过react-redux's connect调度动作,该动作允许直接从props调度动作,并且通常被视为 React方式

>