redux-Persist 组件中持久化渲染action persit/REHYDRATE 执行时间

Question

redux-persist进行持久化化渲染的时间是在组件reder前吗？还是在组件didMount之后，现在偶现重新进入页面带出上一个页面的数据来，打开控制台发现。redux-persist中间件调用persisit/REHYDRATE action的顺序有的时候是在页面render之间，有的时候在页面didmount更新props

Answer 1

新版写法:v5+

<PersistGate loading={null} persistor={persistor}>
  <App/>
</PersistGate>

旧版写法:v4
自己实现一个PersistGate:

class Gate extends Component {
  constructor(props) {
    super(props);
    this.state = {rehydrated: false};
  }
  componentWillMount() {
    const {store, config} = this.props;
    persistStore(store, config, () => {
      this.setState({rehydrated: true});
    });
  }
  render() {
    return (!this.state.rehydrated) ? <div>loading state...</div> : this.props.children
}
//然后用在入口
<Gate store={store} config={config}>
  <App/>
</Gate>