終極版形式的錯誤：元素類型無效：預期字符串或功能

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

而且在我的根減速，我登上終極版型減速機形式：

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

所以我想知道是什麼原因導致上面的示例代碼中的錯誤。我猜想組件部分字段是造成它，但我不知道如何解決它。任何幫助表示讚賞！

編輯： 使用Fieldcomponent is here with material-ui，而我試圖做同樣的事情到

Answer 1

我不認爲合適的例子，你可以做

import { Field } from 'redux-form' 

似乎不就像從該包中導出的那樣。這就是爲什麼你會得到這個異常，因爲Field是未定義的。我不確定你想用redux形式做什麼，我沒有看到你在鏈接的教程中做什麼。