为什么next-redux-wrapper水合物测井两次?

Question

我被困在使用next-redux包装与nextjs和我想澄清关于Hydrate的服务器和客户端的概念。

最近我开始用next-redux-wrapper和redux-toolkit包学习nextjs然后我设置了reactStrictMode，然后基本完成了以上2个包的设置。所以现在，我被困在一个redux-logger的结果。

为什么_NEXT_REDUX_WRAPPER_HYDRATE_是logger两次，是正常的还是我的代码有问题?

1. redux-logger.js?  action api/config/middlewareRegistered @ 11:59:42.396
2. redux-logger.js?  action NEXT_REDUX_WRAPPER_HYDRATE @ 11:59:42.400 // Here first
2.1 index.js? undefined
3. redux-logger.js?  action api/executeQuery/pending @ 11:59:42.429
4. redux-logger.js?  action NEXT_REDUX_WRAPPER_HYDRATE @ 11:59:42.434 // Here second
4.1 index.js? undefined
5. redux-logger.js?  action api/internalSubscriptions/subscriptionsUpdated @11:59:42.444
6. redux-logger.js?  action api/executeQuery/fulfilled @ 11:59:42.707
6.1 index.js {count: 1154, next: 'https://pokeapi.co/api/v2/pokemon/? 
offset=20&limit=20', previous: null, results: Array(20)}

如果需要，这里是我的完整版本代码。Github源链接

Answer 1

我已经创建了一个PR，即将被合并，可能会解决这个问题:https://github.com/kirill-konshin/next-redux-wrapper/pull/502。您可以尝试该代码，看看它是否解决了您的问题?