Блог

Главная - Вопросы по программированию - Как использовать пользовательский компонент в redux-форме?

Как использовать пользовательский компонент в redux-форме?

#reactjs #redux-form

#reactjs #redux-форма

Вопрос:

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

 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:

Использовать 

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

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