我正在创建一个组件,以显示有关从列表中选择的项目的详细信息-这是说明当前体系结构的图:
这是它的工作方式:
ItemList.js
通过Redux动作创建者/还原者调用Firebase,返回所有项目的列表
我们的用户点按一个项目,react-native-router-flux
将所有选中的项目作为道具传递给ItemView.js
ItemView.js
将一组属性从this.props
传递到ItemDetails.js
,将其呈现在UI卡中此方法可以很好地显示属性,但是现在我想重用ItemView.js
以允许用户编辑属性并保存其更改-最好的方法是什么?
我认为我会在this.state
中创建一个编辑切换,将对输入字段的所有更改存储在this.state
中,然后触发操作创建者来更新条目。
我担心的是,属性最初位于this.props
中,因此在编辑模式下在props
和state
之间进行切换有点麻烦。
我考虑过使用动作创建者来更新this.props
的更改,但是鉴于ItemDetails.js
中显示的道具从{{1 }}。