Я получаю сообщение об ошибке, когда пытаюсь визуализировать поле из Redux-form-material-ui.Это код моей формы:
import React, { Component } from 'react';
import { Field, reduxForm } from 'redux-form';
import { TextField, DatePicker, SelectField } from 'redux-form-material-ui';
class InputForm extends Component {
render() {
return(
<form>
<div>
<Field name="eventDate" component={DatePicker} format={null} hintText="What day is the event?"/>
</div>
</form>
)
}
}
InputForm = reduxForm({
form: 'contact'
})(InputForm);
export default InputForm;
Я получаю следующую ошибку:
Недопустимый тип элемента: ожидается строка (для встроенных компонентов)или класс / функция (для составных компонентов), но получил: undefined.Вы, вероятно, забыли экспортировать свой компонент из файла, в котором он определен, или вы могли смешать импорт по умолчанию и с именами.Проверьте метод рендеринга ConnectedField
.
Я знаю, что это связано с component={ DatePicker }
, назначенным для элемента Field, потому что, если я изменю его на TextFIeld, он отобразит okey.