-
Notifications
You must be signed in to change notification settings - Fork 103
/
connectDataFetchers.jsx
64 lines (51 loc) · 1.93 KB
/
connectDataFetchers.jsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
import React, { PropTypes } from 'react';
import Promise from 'bluebird';
let IS_FIRST_MOUNT_AFTER_LOAD = true;
export default function connectDataFetchers(Component, actionCreators) {
return class DataFetchersWrapper extends React.Component {
static contextTypes = { i18n: PropTypes.object };
static propTypes = {
dispatch : PropTypes.func.isRequired,
params : PropTypes.object.isRequired,
location : PropTypes.shape({
pathname : PropTypes.string.required,
search : PropTypes.string,
query : PropTypes.string.object
}).isRequired
};
static fetchData({ dispatch, params = {}, query = {}, locale }) {
return Promise.all(
actionCreators.map(actionCreator => dispatch(actionCreator({ params, query, locale })))
);
}
componentDidUpdate(prevProps) {
const { location } = this.props;
const { location: prevLocation } = prevProps;
const isUrlChanged = (location.pathname !== prevLocation.pathname)
|| (location.search !== prevLocation.search);
if (isUrlChanged) {
this._fetchDataOnClient();
}
}
componentDidMount() {
if (!IS_FIRST_MOUNT_AFTER_LOAD) {
this._fetchDataOnClient();
}
IS_FIRST_MOUNT_AFTER_LOAD = false;
}
_fetchDataOnClient() {
const locale = this.context.i18n ? this.context.i18n.getLocale() : 'en';
DataFetchersWrapper.fetchData({
locale,
dispatch : this.props.dispatch,
params : this.props.params,
query : this.props.location.query
});
}
render() {
return (
<Component {...this.props} />
);
}
};
}