reactjs - 我应该在商店中存储永不更改(引导)的数据吗？

Question

我的应用程序中有一些状态来自服务器并且不会更改(在用户 session 的生命周期内)。此状态在 HTML 中引导。

我应该将它合并到 reducer 中作为商店的一部分吗？const bootstrappedData = (状态, 操作) => 状态

或者我应该公开一些全局帮助程序，例如 bootstrappedData.get('key')？

Answer 1

有趣的是，就在昨天，我就自己商店中的数据做出了同样的决定。我得出的结论是，我们应该只在 Redux 存储中存储有状态数据，即能够维护状态的数据或可能发生变化的数据。根据定义，静态数据没有状态，因此不需要对其进行跟踪。

因此，我通常有一个 /common/app-const.js 文件，用于存储这些类型的静态对象。例如，我在这里存储了 Redux 的 DEFAULT_STATE，但也存储了一些其他不会更改的对象(因此不会在 Redux 中进行跟踪)。

现在假设我实际上希望允许最终用户在 UI 中操作 numRows 和 numCols，那么此时我肯定需要将它们放入Redux 存储，但不是现在，因为它们只是静态常量!

/common/app-const.js

export const DEFAULT_STATE = {
    model: {},
    timer: {
        isRunning: false,
        ticks: 0
    }
};

export const GRID_DATA = {
    numRows: 50,
    numCols: 75,
};

每当我需要这些静态数据时，就像导入一样简单:

import { GRID_DATA } from '../common/app-const';