如何将字符串转换为 React 中的导入别名？

Question

我有一个包含扑克牌图像的图像文件夹，我按如下方式导入它们：

import D2 from "../image/D2.png";
import H2 from "../image/H2.png";
import S2 from "../image/S2.png";

一直到我到达 SA（黑桃 A）

我还有键值对字典如：

  1: "C2",
  2: "D2",
  3: "H2",
  4: "S2",...

我需要这个字典来计算卡片的等级和生成图像。

atm 我可以通过评估字符串的最后一个字符并将其转换为 int 来检索值（如果是 K、Q 等，我有一个 switch case 用于它们）

我的问题是我无法将字符串转换为导入的别名。我试过 eval(4) 但没用。

如果我把字典修改成

  1: C2,
  2: D2,
  3: H2,
  4: S2,...

我可以很方便地用它作为我图片的src ，但是我不能再使用卡码来获取卡的价值了。

您能否针对此问题提出解决方案或更好的方法。

Answer 1

如果我正确地回答了问题，你就不能以这种方式创建字典吗？如果你打算使用卡片代码来获取值/图像，那么你可以像这样构建你的字典：

dict = {
  C2: { image: C2, value: 1 },
  D2: { image: D2, value: 2 },
  ...
}

c2Image = dict['C2'].image;

How can I convert string into an imported alias in React?