Redux-form-Material-UI Datepicker 字段问题
Redux-form-Material-UI Datepicker field issue
每当我尝试从 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;
我遇到的错误是:
元素类型无效:应为字符串(对于 built-in 组件)或 class/function(对于复合组件)但得到:未定义。您可能忘记从定义它的文件中导出您的组件,或者您可能混淆了默认导入和命名导入。
检查 ConnectedField
.
的渲染方法
我知道它与分配给 Field 元素的 component={ DatePicker }
有关,因为如果我将它更改为 TextFIeld,它会呈现正常。
我发现在redux-form-material-ui@next 的新版本上还没有实现DatePicker(不知道为什么)。所以这已经解决了。
每当我尝试从 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;
我遇到的错误是:
元素类型无效:应为字符串(对于 built-in 组件)或 class/function(对于复合组件)但得到:未定义。您可能忘记从定义它的文件中导出您的组件,或者您可能混淆了默认导入和命名导入。
检查 ConnectedField
.
我知道它与分配给 Field 元素的 component={ DatePicker }
有关,因为如果我将它更改为 TextFIeld,它会呈现正常。
我发现在redux-form-material-ui@next 的新版本上还没有实现DatePicker(不知道为什么)。所以这已经解决了。