具有API调用的表示组件内的Redux容器

时间:2016-10-03 17:42:00

标签: javascript optimization redux

Redux允许在其他" dumb" / presentation组件中使用复杂的容器组件。重点是,大多数简单的组件都是const文字函数,所以对于无状态mod,它会重新渲染......很多。

我担心的是它还将调用每个渲染中包含的组件,包括可以触发API调用操作的这些容器,例如。在componentDidMount内或其他生命周期方法。

我目前的解决方案是'缓存'在商店内部,我触发api方法,但在我检查中,应该发出请求 * /缓存无效以继续或中断API调用。

问题是我认为这些组件不应该是紧耦合的,所以我不能在完全不同的组件中的其他一些操作之后触发加载,导致它不会独立。

* - 由于这种情况下的商店只是一个简单的地图,我检查数据是否已经存在(或时间戳已过时)还是只是缺失。

只是为了更好地描绘它:

<SimpleView>
  <Container/>
</SimpleView>

(...)

class Container extends React.Component {
(...)
componentDidMount() {
  apiCallingActionTrigger()
}

0 个答案:

没有答案