redux-form 错误：元素类型无效：需要字符串或函数

Question

我正在尝试将 redux-form (Ver 5.25) 集成到我基于 react.js 的 Web 应用程序中，但我遇到了 simple sync validation redux-form example 的以下问题：

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

在我的根 reducer 中，我将 redux-form reducer 安装到 form：

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

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

编辑： 使用Fieldcomponent is here with material-ui 的适当示例，我正在尝试做类似的事情

Answer 1

我觉得你做不到

import { Field } from 'redux-form'

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