小编a.g*_*g87的帖子

我有以下场景：

enum FieldsMap {
  User = "user-name",
  Password = "user-password",
  Country = "user-country"
}

type Fields = "user-name" | "user-password" | "user-country";

你可以看到Fields正在重复的值FieldsMap，有没有一种方法Fields可以使用值的FieldsMap，以避免重复？另外，我使用的FieldsMap是一个enum在这里，但我可以改变，如果有必要，我只是想避免使用字符串尽可能：

const onChangeHandler = (key: Fields, value: string) => {
  switch (key) {
    case FieldsMap.User:
      // do something with `value`
      break;
    case FieldsMap.Password:
      // do something with `value`
      break;
    case FieldsMap.Country:
      // do something with `value`
      break;
  }
};

我正在尝试将 webpack style-loader nonce 属性添加到craco 配置文件中，用于 create-react-app，如下所示：

// craco.config.js
module.exports = {
  webpack: {
    module: {
      rules: [
        {
          test: /\.css$/i,
          use: [
            {
              loader: "style-loader",
              options: {
                attributes: {
                  nonce: "12345678",
                },
              },
            },
            "css-loader",
          ],
        },
      ],
    },
  },
};

但这没有用。有人知道这是否可以通过 craco 实现以及如何实现吗？