如何使用 redux-form 以编程方式更新字段的状态

Question

我目前有 2 个输入，如下所示：我正在尝试根据第一个日期输入更新结束日期输入。例如，如果我在开始日期输入中输入 08/15/2018，我希望结束日期输入等于 08/15/2018。

我当前的结束日期输入代码如下所示：

<Field
    component="input"
    format={(value, name) => {
       if (startDate.length && name === "start_date") {
          return startDate;
       }
       return value;
    }}
    name="end_date"
    onChange={onDateChange}
    type="date"
/>

变量startDate从开始日期输入
当前代码能够在结束日期输入下显示日期，但是，它没有更新 redux 字段 - 它仍然未定义。

如何显示数据并将其保存为 redux 格式？

Answer 1

import { getFormValues, change } from 'redux-form';

首先获取字段的值

const mapStateToProps = state => ({ 
    formValues: getFormValues('<formname>')(state) || {},
});

访问上面收到的对象中的那个字段。 formValues.

您可以使用 change 更改商店中的值。

change(field:String, value:any) 

export const mapDispatchToProps = dispatch => ({ 
setDate: value => dispatch(change('<formName>', value, null)),
});

如何使用 redux-form 以编程方式更新字段的状态

How to update the state of a field programmatically using redux-form

javascript

reactjs

redux-form