Reactjs 如何在redux表单中使用datetimepicker

Reactjs 如何在redux表单中使用datetimepicker,reactjs,redux-form,Reactjs,Redux Form,我在react应用程序中使用redux表单。我想使用datetimepicker,但该值不能为null 这是我的密码 <Field name="year" value={this.state.year} component={(props) => { return ( <DateTimePicker defaultValue={this.state.year} onChange={change.bind(this.state.year)} time={fa

我在react应用程序中使用redux表单。我想使用datetimepicker,但该值不能为null

这是我的密码

<Field name="year" value={this.state.year} component={(props) => {
    return (
       <DateTimePicker defaultValue={this.state.year} onChange={change.bind(this.state.year)} time={false} initialView={"decade"} format={"YYYY"}/>
    )
}}/>


let change = (value) => {
    this.setState({
        year: value
    });
}
{
返回(
)
}}/>
让更改=(值)=>{
这是我的国家({
年份:价值
});
}

谢谢

我可能遗漏了一些东西,但您根本没有使用
redux表单
。使用
redux form
的全部目的是让它处理状态,而您自己处理状态。您不应该使用
this.state
,也不应该将
传递给
字段

因为这个问题太模糊了,我会给你一条路径,而不是一个实际的答案

这就是你应该做的:

  • 首先忘记你的
    日期时间选择器
    ,确保你可以创建一个简单的表单。最后,通过Redux开发工具确保您的商店包含名为
    contact
    的属性,其中包含表单的所有信息
  • 现在,了解如何创建自定义组件。它将帮助您创建
    MyCustomInput
    。再次确保
    MyCustomInput
    的状态处于Redux状态
  • 现在回到您的
    日期时间选择器
    ,检查它是否符合
    Redux表单
    字段
    界面。如果是,您可以这样传递:
    ,否则,您必须将其包装在自己的组件中

  • 但数据仍在继续。