【问题标题】:How to pass dynamic initial values to redux-form如何将动态初始值传递给 redux-form
【发布时间】:2017-06-08 10:05:06
【问题描述】:

我在表格中使用 redux 表单,我将 id 作为初始值传递以更新某些记录。

如果我传递初始值,它将对所有行采用相同的 id。

我该怎么做?

initialValues: { lead_id: id} //from component


Leads = reduxForm({
    form: `leads`,
    validate,
}))(Leads);

谢谢

【问题讨论】:

    标签: reactjs redux redux-form


    【解决方案1】:

    利用connect设置初始值

    initialValues: { lead_id: id} 
    
    
    Leads = reduxForm({
        form: `leads`,
        validate,
    }))(Leads);
    
    
    Leads = connect(
      state => ({
        initialValues: initialValues
      })
    )(Leads);
    

    【讨论】:

    • 没有错误。但它对所有表单都采用了最后一个 ID。
    • initialValues对象中的key必须是字段名,你能确定一下
    • 所有表单的最后一个 id 是什么意思
    • 最后一条记录id。
    【解决方案2】:

    据我了解,您正在为表格组件的每一行制作redux-from

    你写过:

    Leads = reduxForm({
        form: `leads`,
        ...,
    }))(Leads);
    

    您将 leads 作为值传递给所有 redux-from。您必须在此处为每个 redux-form 赋予唯一值(对应于每一行)。

    您可以在调用 Leads 组件时传递唯一 ID,如下所示:

    <Leads form={'your unique id here'} />
    

    【讨论】:

    • 检查表单减速器中存储的内容。每个表单的值应该对应于上面传递的唯一id。
    猜你喜欢
    • 1970-01-01
    • 2019-12-05
    • 1970-01-01
    • 2017-10-24
    • 2020-10-29
    • 2017-05-07
    • 1970-01-01
    • 2019-05-24
    • 1970-01-01
    相关资源
    最近更新 更多