使用常量数据的 React 最佳实践

React best practices using constant data

我想弄清楚什么是保存 UI 中所需常量数据的最佳实践。 数据库存储了我在我的 React 项目中显示的大量数据,例如假设数据库是工作数据库,其中包含大量员工数据(类型、联系人、个人信息等)

我需要用特定的颜色和背景颜色显示每个工人的类型。 例如,对于普通工人,我希望颜色为#e7d2ec,背景为#990098 而对于承包商,我希望它是#f6d2d5 和#fb5658。 我有很多类型的工作,我的数据库中有这些类型 table。

我的问题是:我在哪里存储配色方案?

1) 在数据库中,新 table 包含工人类型及其颜色。

2) 在 react 常量文件中?

3) 还有什么?

我选择了数字 2。到目前为止我所做的是:

在我的 React 项目中创建了新常量:

然后在我的css里面我使用提供的道具来知道选择哪种颜色

这是结果

但有人告诉我这不是最佳做法,因为如果创建新状态,我将需要在代码内部进行更改,而不仅仅是更改数据库。

只在数据库中存储 UI 相关数据感觉不对,因为它不是为我的后端应用程序服务的东西,但我不确定它是否正确。

你怎么看? 提前致谢

这取决于你的情况:

  • 如果您的用户可以自行更改颜色并使用自定义颜色:将其存储在数据库中。

  • 如果您的列表不经常更改:保留在 React 常量文件中。

  • 如果您的列表经常更改并且用户无法使用自定义颜色:视情况而定。

    • 如果只有开发者可以添加新颜色:保留在 React 常量文件中。
    • 如果您的颜色可以由其他人添加:将其存储在数据库中。