1

我正在尝试集成到我的基于 react.js 的 Web 应用程序中，但是在简单的同步验证 redux-form 示例redux-form (Ver 5.25)中遇到了以下问题：

Uncaught (in promise) Error: Element type is invalid: expected a string 
(for built-in components) or a
 class/function (for composite components) but got: undefined.

代码：

<Field name="username" component = {username =>
  <div>
    <input type="text" {...username} placeholder="Username"/>
    {username.touched && username.error && <span>{username.error}</span>}
  </div>
}/>

在自定义表单组件（UserRegistrationForm）中，我有以下代码：

export default reduxForm({
    form: 'registrationForm',
    fields,
    validate,
})(UserRegistrationForm);

在我的根减速器中，我安装了 redux-form 减速器以形成：

form: formReducer,  // redux-form mounted at 'form'

所以我想知道是什么导致了上面示例代码的错误。我猜是 Field 中的组件导致它，但我不知道如何修复它。任何帮助表示赞赏！

编辑： 使用该Field 组件的适当示例是在这里使用 material-ui，我正在尝试做类似的事情

4

1 回答 1

1

我不认为你能做到

import { Field } from 'redux-form'

似乎不是从那个包中导出的。这就是为什么你会得到那个异常，因为 Field 是未定义的。我不确定你想用 redux-form 做什么，我看不到你在链接到的教程中所做的任何事情。

于 2016-06-18T21:48:09.527 回答