Javascript 是否可以为React本机组件建立索引并有条件地将其作为道具传递？

在React native中，SVG是一团乱。通过使用

msvgc

将SVG转换为

.tsx

组件，然后导出，我解决了这个问题。它起作用了

但是，我有一个包含这些组件的完整文件夹，我想对它们进行索引，以便有条件地将它们传递给子组件。这样想：需要提供加密货币列表。每张卡都会有一个徽标（SVG以

.tsx

组件的形式）作为道具。这是怎么回事

例如，

index.ts

：

import BTCLogo from './Bitcoin'
import ETHLogo from './Ethereum'
import DogeLogo from './Doge'

export const cryptoLogos = {
    Doge: DogeLogo,
    BTC: BTCLogo,
    ETH: ETHLogo,
};

在一个，比方说，

CryptoContainer

中，我如何能够将它们传递给子组件

import * as logos from './cryptologos'

// I can access them as logos.cryptoLogos but I get the error `Warning: Functions are not valid as a React child.`?

---

我明白了。索引SVG时，需要将其包装为JSX组件

export const cryptoLogos = {
    'Doge': <DogeLogo/>,
    'BTC': <BTCLogo/>,
    'ETH': <ETHLogo/>,
};

export const cryptoLogos={
“Doge”：，
“BTC”：，
‘ETH’：，
};