服务器端渲染之前，如何在我的商店中调度动作？ -Redux

Question

我有一个服务器端渲染的应用程序。 这是服务器端代码：

export default (req, res, next) => {
    const store = getStore();

    // HERE IS THE DISPATCH
    getStore().dispatch(updateToken("TOKEN"));

    match({ routes, location: req.url }, (err, redirect, props) => {

        if (err) {
            return next(err);

        } else if (redirect) {
            res.redirect(redirect.pathname + redirect.search)

        } else if (props) {

            resolveAsyncDeps(store, props)
                .then(() => {

                    //HERE IS INITIAL STATE
                    const initialState = store.getState();

                    const content = renderToString(
                        <Provider store={store}>
                            <RouterContext {...props} />
                        </Provider>
                    );

                    res.send(
                        minify(
                            docTemplate({
                                ...(Helmet.rewind()),
                                content,
                                initialState,
                                env: { DASHBOARD_REST_API, DASHBOARD_WS_API }
                            }),
                            { collapseWhitespace: true, removeAttributeQuotes: false }
                        )
                    );
                }).catch(next);



        } else {
            res.status(404).send('Not Found')
        }
    })
}

我的动作是同步的：

export function updateToken(token) {
  return {
    type: UPDATE_TOKEN,
    payload: {
      token
    }
  };
}

但是，当我在store上的getState()作为initialState传递时，我的token不在状态树中。 我以为dispatch是同步的，除非使用的是thunk或其他类型的中间件？ 我想念什么？ 在推送到前端之前，如何在initialState添加一些内容？

Answer 1

在这种特殊情况下，我想象getStore是一个工厂函数-一个工厂函数，该函数调用Redux的createStore但具有特定于应用程序的配置。

在服务器上，除非您希望所有用户和请求共享同一商店实例，否则必须在每个请求上创建一个新的商店实例。

查看您的代码段：

const store = getStore();

// HERE IS THE DISPATCH
getStore().dispatch(updateToken("TOKEN"));

似乎您已为每个请求创建了两个商店实例，并且正在将updateToken("TOKEN")操作调度到错误的商店实例中。

相反，您可能想执行以下操作：

const store = getStore();

// HERE IS THE DISPATCH
store.dispatch(updateToken("TOKEN"));

这会将updateToken("TOKEN")操作分派到该请求中唯一的商店实例中。