使用常量数据反应最佳实践

Question

我正在尝试找出保存 UI 中所需的常量数据的最佳做法。 数据库存储了我在我的 react 项目中显示的大量数据，例如，假设数据库是工作数据库，其中包含大量员工数据（类型、联系人、个人信息等）。

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

我的问题是：我在哪里存储配色方案？

1) 在 DB 内部，包含工作人员类型及其颜色的新表。

2) 在 react 常量文件里面？

3) 别的什么？

我选择了 2 号。到目前为止，我所做的是：

在我的 react 项目中创建了新常量：

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

这就是结果

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

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

你怎么看？ 提前致谢

Answer 1

这取决于你的情况：

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

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

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

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