如何防止在 ssr 中首次加载 react-loadable？

Question

我遇到了问题，我的本地代码工作正常，但在服务器上出现第一次加载错误但我不知道错误来自哪里，我需要帮助如何防止预加载！

Answer 1

导致您的应用重新呈现的唯一原因是当您的应用在浏览器上加载以及 react 接管时的调用。

再次触发所有回调。

根据当前情况，它必须是以下之一：

• 当在浏览器上加载 react 时，您的 reducer 将启动到 {}。
• 加载应用后，您正在调用操作以在浏览器上再次发出请求。

解决方案：

1. 您需要将您的商店初始化为 window.__PRELOADED_STATE__，因为它已在 SSR 上填充
2. 你需要检查reducer中是否有数据，不要再调用了。

假设您在商店中有一个预先填充的对象：

data: {
    someData: [
        {//some data},
        {//some data}
    ]

}

然后从您首先调用数据的动作检查的地方，假设您在 props 中以 reducerRata 的形式接收数据：

this.props.reducerData.somedata && this.props.reducerData.somedata.length > 0 && makeCalltoAction();