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
    一直向下传递的