如何在Redux-form中使用操作创建器

Question

我想要更改redux-form 'payForm‘中字段'Buffer’的值，这样我就可以使用相对操作创建器

import {  actions } from 'react-redux-form'
....
store.dispatch(actions.change('payForm','Buffer', bufferValue);

不起作用，静默地失败。

救命！

Answer 1

如果您想要更改特定注册字段的值，则可以遵循此方法...

import { change } from 'redux-form';

导入操作创建者更改...然后，您可以将更改操作分派为..

store.dispatch(change('payForm', 'Buffer', bufferValue));

有关详细信息，请参阅redux-form文档https://redux-form.com/7.2.0/docs/api/actioncreators.md/

Answer 2

您可以在props中使用change，它将触发相应的操作，请参阅here

所以如果你有一个Field

<Field name="Buffer" component="input" />

在表单组件中，只需调用

this.props.change("Buffer", bufferValue);

这将反过来调用适当的操作创建者。请参阅this working example