Как использовать пользовательский компонент в избыточной форме? - PullRequest
0 голосов
/ 24 марта 2019

В моем приложении для формы с избыточностью есть поле, которое должно быть пользовательским компонентом:

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.

1 Ответ

1 голос
/ 24 марта 2019

Использование

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

Также я призываю вас изучить этот и этот разделы документов Redux Form

...