proxyConsole.js:72 TypeError:无法读取未定义的属性“默认”

时间:2018-12-26 20:33:37

标签: html css reactjs redux material-ui

  • 我是新来响应redux加载栏和redux表单
  • 提交按钮后,我正在尝试加载加载栏。
  • 但是问题是当我加载加载栏时。我低于错误 proxyConsole.js:72 TypeError:无法读取未定义的属性'default'
  • 我调试后发现错误仅来自此文件proxyConsole.js
  • 但是我没有包含这个文件。
  • 我所有的加载条形码都在此文件SyncValidationForm.js中
  • 你能告诉我如何解决它吗?
  • 以便将来我自己动手。
  • 在下面提供我的代码段和沙箱。
  • 不确定如何修复打包文件错误

https://codesandbox.io/s/zn812n05v4

const SyncValidationForm = props => {
  const { handleSubmit, pristine, reset, submitting } = props;
  return (
    <div>
      <LoadingBar />

      <form onSubmit={handleSubmit}>
        <Field
          name="username"
          type="text"
          component={renderField}
          label="Username"
        />
        <Field
          name="email"
          type="email"
          component={renderField}
          label="Email"
        />
        <Field name="age" type="number" component={renderField} label="Age" />
        <div>
          <button type="submit" disabled={submitting}>
            Submit
          </button>
          <button
            type="button"
            disabled={pristine || submitting}
            onClick={reset}
          >
            Clear Values
          </button>
        </div>
      </form>
    </div>
  );
};

1 个答案:

答案 0 :(得分:1)

您已包含组件LoadingBar,但未连接到商店。 可以找到here

来正确渲染LoadingBar组件

如果您不想使用中间件,则可以根据此link中的示例来调度操作以显示/隐藏LoadingBar。您可以通过handleSubmit方法调度操作。

希望这会有所帮助!