在javascript/JSX（React framework）中有没有一种方法可以使用字符串引用常量

从“../../../public/lotties/building.json”导入建筑
从“../../public/lotties/cost.json”导入胸部
从“../../public/lotties/clock.json”导入时钟
从“../../public/lotties/creditcard.json”导入信用卡
从“../../../public/lotties/dna.json”导入Dnalotti
从“../../public/lotties/engineering.json”导入工程
从“../../public/lotties/handshake.json”导入握手
从“../../public/lotties/hospital.json”导入医院
从“../../public/lotties/map.json”导入映射
从“../../public/lotties/navpinsfalling.json”导入navpinsfalling
从“../../public/lotties/radar.json”导入雷达
从“../../public/lotties/rocket.json”导入火箭
从“../../public/lotties/student.json”导入学生
从“../../public/lotties/teacher.json”导入教师
从“../../public/lotties/tree.json”导入树
从“../../public/lotties/trophy.json”导入奖杯
从“../../public/lotties/virus.json”导入病毒
从“../../../public/lotties/wallet.json”导入wallet

我想您想要做的是这样？ 使用功能组件而不是类编写，因此在引用道具时不需要

这个

SomeOtherComponent.js

import wallet from '../../../public/lotties/wallet.json';
import GenericLottie from '../../wherever';

const SomeOtherComponent = () => {
  return <GenericLottie name={wallet} />;
};

const GenericLottie = (props) => {
  // This should be the 'wallet' you imported in the parent component!
  const animData = props.name;

  ...
};

是：
globalThis[this.props.name]
，但这也是非常糟糕的代码设计，您不应该相信
this.props.name
包含有效字符串。我不知道您在问什么<例如，code>wallet
似乎是一个json文件，为了简单起见，让我们将其称为对象。是否要将对象传递给组件，并让它根据对象名称对其执行特定操作？或者什么是欲望？你能给我们看看你试过的东西吗？您上面的示例太模糊，我无法理解您的用例。