reactjs - 在 react 组件中动态粘贴点符号中的值

Question

我正在尝试在一个小项目中使用 React-NBA-Logos 包(npm link)并遇到一个问题。根据这里的文档是这个包使用的一个例子

import React from 'react';
import * as NBAIcons from 'react-nba-logos';

const Example = () => {
  return <NBAIcons.TOR />; // Loads the Toronto Raptors logo
};

export default Example;

问题是可以在这里粘贴一个带有动态字符串值(带有一些正确的旅行代码)的变量吗？像这样

const Example = () => {
  const NEW_VAR = 'NYK';
  return <NBAIcons.NEW_VAR />;
};

Answer 1

您可以通过为组件创建别名来解决这个问题。

const Example = () => {
  const NEW_VAR = 'NYK';
  const Component = NBAIcons[NEW_VAR];
  return <Component />;
};