【问题标题】:Using redux-forms, is it possible to share the same state between two forms (View 1, View 2)?使用 redux-forms,是否可以在两个表单(视图 1、视图 2)之间共享相同的状态?
【发布时间】:2018-11-08 23:38:48
【问题描述】:

我正在尝试#react #redux-forms 时寻求一点帮助:

问题说明:用户应该能够添加学生、使用唯一 ID 查询学生详细信息并编辑学生详细信息。 让我们暂时不要担心负面情况。

查询:我使用我可用的唯一学生 ID 初始化我的表单。 (视图 1,其中包括字段 -- 名字、姓氏、课程和按钮 -- 提交、添加/编辑更多详细信息)

但是,表单上有一个“添加/编辑更多详细信息”选项,使用户能够针对学生添加更多详细信息。 (查看 2,其中包括 -- 电子邮件、电话号码等。他们可以添加/删除多个详细信息)

我想知道是否可以在两个视图之间共享同一个商店?

如果我在更改名字后单击编辑更多详细信息并导航到视图 2,那么名字更改也应反映在视图 2 中。更像是共享同一个模型。

或者是否有替代解决方案?让我能够最终更新数据库,而不管视图 1 或视图 2 中是否进行了更改。在此先感谢 :)

视图图片

【问题讨论】:

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


    【解决方案1】:

    如果您可以根据相同的 API 请求更新详细信息,则可以将它们存储在相同的表单名称下(ps 表单名称特定于 redux-form 中的存储)。我认为使用相同的商店/表单没有问题。

    【讨论】:

    • 我在这里要问的是,如果我在更改名字后单击编辑更多详细信息并导航到视图 2,那么名字的更改也应该反映在视图 2 中。更像是共享同一个模型
    • 对不起,如果这听起来太琐碎,我是新来的反应。但是,从我在文档中可以看到,使用选择器会解决这个问题吗?
    • 是的,如果您想在另一个表单中访问一个表单的模型,您可以使用 getFormValues() 选择器并相应地映射字段。抱歉回复晚了!
    猜你喜欢
    • 2011-04-07
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-05-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多