Redux允许在其他" dumb" / presentation组件中使用复杂的容器组件。重点是,大多数简单的组件都是const文字函数,所以对于无状态mod,它会重新渲染......很多。
我担心的是它还将调用每个渲染中包含的组件,包括可以触发API调用操作的这些容器,例如。在componentDidMount
内或其他生命周期方法。
我目前的解决方案是'缓存'在商店内部,我触发api方法,但在我检查中,应该发出请求 * /缓存无效以继续或中断API调用。
问题是我认为这些组件不应该是紧耦合的,所以我不能在完全不同的组件中的其他一些操作之后触发加载,导致它不会独立。
* - 由于这种情况下的商店只是一个简单的地图,我检查数据是否已经存在(或时间戳已过时)还是只是缺失。
只是为了更好地描绘它:
<SimpleView>
<Container/>
</SimpleView>
(...)
class Container extends React.Component {
(...)
componentDidMount() {
apiCallingActionTrigger()
}