在React Native中使用视图/编辑模式对组件进行最明智的处理?

时间:2019-11-29 13:14:35

标签: reactjs react-native redux redux-form

我正在创建一个组件,以显示有关从列表中选择的项目的详细信息-这是说明当前体系结构的图:

enter image description here

这是它的工作方式:

  1. ItemList.js通过Redux动作创建者/还原者调用Firebase,返回所有项目的列表

  2. 我们的用户点按一个项目,react-native-router-flux将所有选中的项目作为道具传递给ItemView.js

  3. ItemView.js将一组属性从this.props传递到ItemDetails.js,将其呈现在UI卡中

此方法可以很好地显示属性,但是现在我想重用ItemView.js以允许用户编辑属性并保存其更改-最好的方法是什么?

我认为我会在this.state中创建一个编辑切换,将对输入字段的所有更改存储在this.state中,然后触发操作创建者来更新条目。

我担心的是,属性最初位于this.props中,因此在编辑模式下在propsstate之间进行切换有点麻烦。

我考虑过使用动作创建者来更新this.props的更改,但是鉴于ItemDetails.js中显示的道具从{{1 }}。

0 个答案:

没有答案