使用常量数据的 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 常量文件中。
- 如果您的颜色可以由其他人添加:将其存储在数据库中。
我想弄清楚什么是保存 UI 中所需常量数据的最佳实践。 数据库存储了我在我的 React 项目中显示的大量数据,例如假设数据库是工作数据库,其中包含大量员工数据(类型、联系人、个人信息等)
我需要用特定的颜色和背景颜色显示每个工人的类型。 例如,对于普通工人,我希望颜色为#e7d2ec,背景为#990098 而对于承包商,我希望它是#f6d2d5 和#fb5658。 我有很多类型的工作,我的数据库中有这些类型 table。
我的问题是:我在哪里存储配色方案?
1) 在数据库中,新 table 包含工人类型及其颜色。
2) 在 react 常量文件中?
3) 还有什么?
我选择了数字 2。到目前为止我所做的是:
在我的 React 项目中创建了新常量:
然后在我的css里面我使用提供的道具来知道选择哪种颜色
这是结果
但有人告诉我这不是最佳做法,因为如果创建新状态,我将需要在代码内部进行更改,而不仅仅是更改数据库。
只在数据库中存储 UI 相关数据感觉不对,因为它不是为我的后端应用程序服务的东西,但我不确定它是否正确。
你怎么看? 提前致谢
这取决于你的情况:
如果您的用户可以自行更改颜色并使用自定义颜色:将其存储在数据库中。
如果您的列表不经常更改:保留在 React 常量文件中。
如果您的列表经常更改并且用户无法使用自定义颜色:视情况而定。
- 如果只有开发者可以添加新颜色:保留在 React 常量文件中。
- 如果您的颜色可以由其他人添加:将其存储在数据库中。