React Native多组件表单

时间:2017-01-04 01:12:14

标签: javascript react-native

试图想出一个很好的解决方案,我正在尝试创建一个存在于多个页面上的表单。有一次,如果你按下第1页上的一个按钮上的一个选项,它将带你到第2页,你选择的东西,然后回到第1页。我遇到的问题是编写代码,以便它将重新列出当前第1页上的内容,并且可以将信息从第2页传递到第1页。

我假设我将不得不使用某种状态管理系统来解决这个问题,但老实说没有任何线索。现在我所使用的是对页面到页面的导航做出反应的原生通量..并且考虑将所有东西都作为道具传递......但这看起来很笨重

任何帮助都会很棒!

1 个答案:

答案 0 :(得分:1)

好吧,如果你的表单很简单并且你需要有多个屏幕,我认为没有理由不使用react-native-router-flux注入的道具。但是,如果您正在寻找可以更好地扩展的东西,为什么不尝试将表单数据放在状态管理器中的临时对象中。为了示例,我们说redux。创建一个存储包含所有表单数据的对象的reducer,并绑定不同的屏幕以便他们可以访问它。然后,通过操作,在用户输入内容时更新值。可能存在一些棘手的边缘情况,例如在提交表单时清除所有数据,如果用户取消操作会发生什么等等......当然,以这种方式处理数据看起来有点麻烦,但是我认为这可能是一个很好的解决方案。