将道具传递给reduxForm

时间:2019-09-25 16:28:35

标签: reactjs redux redux-form

是否可以将道具传递给reduxForm,如下所示:

export default (props) => reduxForm({
  form: props.form, // Want to make redux page to be generic
  destroyOnUnmount: false,
  forceUnregisterOnUnmount: true,
  validate: props.validate
})(WizardFormFirstPage)

2 个答案:

答案 0 :(得分:1)

很简单。随便

const FormComponent = reduxForm({
  destroyOnUnmount: false,
  forceUnregisterOnUnmount: true,
})(Component)

然后

 <FormComponent form="formName" validate={validateFn}/>
 <FormComponent form="formName2"/>

答案 1 :(得分:0)

不确定这是否是您的意思,但是如果您想将道具传递给由HOC包装的组件,则可以像处理任何其他组件一样进行。

export default reduxForm({ ...config})(WrappedComponent);
import MyForm from "./wherever";

...

<MyForm prop={propHere}/>

并且您可以在组件内以任何需要的方式使用prop,包括与Redux Form功能一起使用。