在我的反应应用程序中放置枚举的位置答案

【问题标题】：Where to put enums in my react application在我的反应应用程序中放置枚举的位置
【发布时间】：2019-06-23 12:10:33
【问题描述】：

在我的反应应用程序中，我必须使用几个枚举。我应该如何在我的应用程序中构建它们？我所做的是，我在我的配置文件夹下创建了 enums.js 文件，并像这样设置枚举。

export const USER_TYPES = {
    USER: "user",
    TRAINER: "trainer",
    ADMIN: "admin"
}

export const USER_STATUS = {
    FOLLOW: "Follow",
    REQUESTED: "Requested",
    FOLLOWING: "Following"
}

export const FOLLOWING_STATUS = {
    FOLLOW: -1,
    REQUESTED: 0,
    FOLLOWING: 1 
}

这是一个好方法吗？

【问题讨论】：

多解释一下它的目的是什么？因为这是一个抽象的问题

标签： reactjs ecmascript-6

【解决方案1】：

为了更符合语义，您可以重命名文件并将其从config/enum.js 移动到constants/users.js。

您可以在此处导出所需的每个对象，但名称会缩短： USER_TYPE -> TYPES, USER_STATUS -> STATUS.

因此，当您导入文件时，您可以：import * as USERS from 'constants/users; 并像这样使用它：USERS.STATUS.FOLLOW。

【讨论】：

这些必须放在单独的文件中吗？

【解决方案2】：

如果我理解正确你需要什么...... 在像 newfile.js 这样的文件之一中，您必须像这样导入枚举文件：

import { USER_TYPES, USER_STATUS,FOLLOWING_STATUS } from './enums'

注意：'./enums' 是一个路径...所以你必须在这里输入你的路径

并像这样用作普通常量：

USER_TYPES.USER // is it  string  "user",
USER_TYPES.TRAINER // is it  string  "trainer",
USER_TYPES.ADMIN // is it  string  "admin",

USER_STATUS.REQUESTED //is it  string  "Requested",

FOLLOWING_STATUS.FOLLOWING //is it  number 1,

【讨论】：