每次当我的redux状态更新时，我的整个页面都在加载。不完全是从服务器加载资源，但是

Question

每次当我的redux状态更新时，我的整个页面都在加载。不完全是从服务器加载资源，而是刷新页面内部的组件？

以下是我的商店代码。

import { createStore, combineReducers, applyMiddleware } from "redux";
import thunk from "redux-thunk";
import logger from "redux-logger";
import { User } from "./User";
import { Restaraunt } from "./Restaraunt";
import { Dish } from "./Dishes";
import { Cart } from "./Cart";
import { createForms } from "react-redux-form";
import { InitialFeedback, RegisterUserDetails, RegisterRestarauntDetails, addDishDetails } from "./forms";


export const storeConfig = () => {
    const store = createStore(
        combineReducers({
            user: User,
            restaraunts: Restaraunt,
            dishes: Dish,
            cart: Cart,
            ...createForms({ feedback: InitialFeedback }),
            ...createForms({ registeruser: RegisterUserDetails }),
            ...createForms({ registerres: RegisterRestarauntDetails }),
            ...createForms({ addDish: addDishDetails })
        }),
        applyMiddleware(thunk, logger)
    );
    return store;
};

Answer 1

这有点太宽泛了，不能说实话。

您应该查看react应用程序中的每个组件，并确保它们仅在需要时才重新渲染。你可以做的事情：

1. 如果您有基于类的组件，则可以使用shouldComponentUpdate生命周期，这些组件应该只在很少的属性发生更改时才会更新。
2. 您可以使用React.memo来记忆组件，并防止不必要的rerender.
3. useCallback挂钩函数来记忆它们。