如何以Redux形式使用自定义组件？

Question

在我的redux-form应用程序中，我有一个Field应该是自定义组件：

import Name from './NameComponent'
..

<Field
            name="boer"
            component={Name}
            type="text"
            placeholder="First Name"
/>

该组件是NameComponent：

import React from 'react'
const Name= field => <div><input type="text">fill in here:</input></div>
export default Name;

当我运行此CRA应用程序时，出现此错误，为什么？ ：

 Uncaught Invariant Violation: input is a void element tag and must neither have `children` nor use `dangerouslySetInnerHTML`. Check the render method of Name. 

Answer 1

采用

const Name = field => <input type="text" {...field.input} />

此外，我鼓励你学习这个和这个终极版表格文档的部分