我正在尝试在一个小项目中使用 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 />;
};
最佳答案
您可以通过为组件创建别名来解决这个问题。
const Example = () => {
const NEW_VAR = 'NYK';
const Component = NBAIcons[NEW_VAR];
return <Component />;
};
关于reactjs - 在 react 组件中动态粘贴点符号中的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/70139523/