javascript - 使用列表从库中获取 react 组件

标签 javascript reactjs

我有一个 list :

var coins =["BTC", "ETH","LTC"]

还有一个react library我可以使用以下模式获取这些硬币的图标:

<Icon.Eth /> or <Icon.Btc /> or <Icon.ltc />

但是该列表是使用 API 检索的,并且可以随时更改。 有没有办法做这样的事情:

<Icon.coins[0] /> or <Icon.coins[1] /> or <Icon.coins[2] />

最佳答案

像这样使用方括号

let IconA = Icon[coins[0]];
let IconB = Icon[coins[1]];

// Then use them like this
<IconA /> or <IconB />

关于javascript - 使用列表从库中获取 react 组件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47849143/

相关文章:

javascript - Javascript 是否有办法执行 "find_if"或 "FirstOrDefault"?

javascript - Tailwind CSS 自定义颜色应用于文本而不是 ReactJS 中的背景

javascript - 无法在 forEach 循环 JavaScript 之外访问变量

javascript - Ember.js afterModel 钩子(Hook)触发两个相同的请求

javascript - 如何使用 jquery 将文本从一个页面复制并粘贴到另一个页面?

javascript - 在 LocalStorage 上保存身份验证数据 react js

javascript - react 键盘和输入之间的原生边距

Django (DRF) & React - Forbidden (CSRF cookie not set)

reactjs - 在 Web 应用程序中嵌入来自 azure 日志分析工作空间的图表

javascript - React 路由器组件出现然后立即消失