Javascript 如何在Flux中重用复杂组件

Javascript 如何在Flux中重用复杂组件,javascript,reactjs,components,code-reuse,flux,Javascript,Reactjs,Components,Code Reuse,Flux,我刚刚开始在我的项目中使用Flux,但是我发现当一个组件很复杂时,很难重用它(或者在不同的地方有多个实例)。我所说的“复杂”是指一个组件包括一些较小的组件,可能涉及一些更改某些数据的交互。例如,包含列表、添加新输入和按钮的组件 我可以想出两种解决方法: 通过道具从传递处理更改事件的所有函数 父对象,因此组件将不知道哪个操作是真正的 打电话。这样,将有许多函数传递给 不同级别的组件 调用时传递“标识符”对象 行动。在存储器中,它将访问由 “标识符”。这样就增加了逻辑和参数 “标识符” 我还没有找到

我刚刚开始在我的项目中使用Flux,但是我发现当一个组件很复杂时,很难重用它(或者在不同的地方有多个实例)。我所说的“复杂”是指一个组件包括一些较小的组件,可能涉及一些更改某些数据的交互。例如,包含列表、添加新输入和按钮的组件

我可以想出两种解决方法:

  • 通过道具从传递处理更改事件的所有函数 父对象,因此组件将不知道哪个操作是真正的 打电话。这样,将有许多函数传递给 不同级别的组件
  • 调用时传递“标识符”对象 行动。在存储器中,它将访问由 “标识符”。这样就增加了逻辑和参数 “标识符”
  • 我还没有找到处理这个问题的最佳方法,基本上是因为Flux中的存储和操作是单例的。有没有更优雅的方法来解决这个问题?谢谢