在Action和React组件中传递Redux上下文

时间:2017-02-01 18:01:34

标签: reactjs architecture redux reusability

假设我有一个相对复杂的React组件,它允许Redux处理其状态,但我想在两个不同的地方重用它。对我而言,两个实例在Redux状态树中应该有一个单独的位置似乎是合乎逻辑的。

我已经阅读了许多讨论,这些讨论似乎解决了使用Redux的可重用组件的问题,并且我开始感觉没有一种经过验证的方法可以解决它而且并不是不必要的复杂。或者我完全迷失了。

我有一个想法,但我非常谨慎,因为我觉得我错过了一些东西。它是这样的:

  • Redux上下文传递给React组件(我使用的是ImmutableJS,所以如果我在DashboardPage中有一个组件NewEventModal,那么上下文可能是['pages','dashboard','modals', 'newEvent'])
  • 所有操作都会带有 Redux上下文,应该在其中处理

为了避免在从组件到组件传递上下文时污染代码,而不是使用道具,我宁愿使用React context来传递 Redux上下文。我知道,不幸的是,这不推荐。

我想问一下更有经验的Redux / React开发人员的问题是,您认为这种方法的问题是什么?是否有其他方法和库可以以类似的方式解决它?

0 个答案:

没有答案