Question

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

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>
  );
};

Answer 1

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

来正确渲染LoadingBar组件

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

希望这会有所帮助！

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

1 个答案: