如何将Redux表单字段与多个表单提供程序一起使用?

时间:2019-12-16 19:33:15

标签: reactjs redux redux-form react-final-form final-form

我们的代码库依靠redux形式(和最终形式)进行验证,字段格式/解析,重置等,并且此功能对于构造redux并避免重写此类通用功能确实很有帮助。 / p>


我的问题是reduxForm({ form: 'form' })(Component) => Component层:我不知道如何提供多个Form上下文,直到粒度字段级别为止(类似于connect允许mapStateToProps和mapDispatchToProps往返于不同地方) )。

我正在寻找一个演示,该演示可以将来自多个Redux表单存储的数据进行交织。在将其输入到DOM(指定“名称”的地方)之前,是否需要将每个Field输入连接到它的存储?

const Form1 = reduxForm({ form: 'Form1' })('form');
const Form2 = reduxForm({ form: 'Form2' })('form');

return (
  <div>
    <Form1>
      <Field name='form1text1' component={input} />
    </Form1>
    <Form2>
      <Field name='form2text1' component={input} />
    </Form2>
    <Form1>
      <Field name='form1text2' component={input} />
    </Form1>
    <Form2>
      <Field name='form2text2' component={input} />
    </Form2>
  </div>
);

是否有已知的方法?似乎很奇怪,reduxForm仅注入单数形式的数据,但是对于大多数简单的应用程序却有意义。

0 个答案:

没有答案