Reactjs 在React Native中使用查看/编辑模式处理组件的最明智方法是什么?
我正在创建一个组件,该组件显示从列表中选择的项目的详细信息-以下是一个说明当前体系结构的图表: 下面是它的工作原理:Reactjs 在React Native中使用查看/编辑模式处理组件的最明智方法是什么?,reactjs,react-native,redux,redux-form,Reactjs,React Native,Redux,Redux Form,我正在创建一个组件,该组件显示从列表中选择的项目的详细信息-以下是一个说明当前体系结构的图表: 下面是它的工作原理: ItemList.js通过Redux action creator/reducer调用Firebase,返回所有项目的列表 我们的用户点击一个项目,react native router flux将所有选择的项目作为道具传递给ItemView.js ItemView.js将一组属性从this.props传递到ItemDetails.js,从而在UI卡中呈现它们 这种方法可以用于
ItemList.js
通过Redux action creator/reducer调用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中显示的道具是从ItemList.js
一直向下传递的