javascript - Reactjs 传递大写动态变量

Question

我在将动态变量传递给其他组件时遇到问题。
我有对象数组，里面有其他对象:

var myArr = {"1": {
"name": "rose", 
"symbol":"ros", 
"quotes": { 
    "USD": {
        "price": "10"
    }
}}}

这就是我尝试将变量传递给我的组件的方式:

<MyComponent
 key={index}
 name={item.name}
 symbol={item.symbol}
 price={item.quotes.USD.price}
/>

这样做，我得到错误:

TypeError: Cannot read property 'USD' of undefined

我也试过像这样传递价格变量:

<MyComponent
 key={index}
 name={item.name}
 symbol={item.symbol}
 price={item.quotes.${USD}.price}
/>

但是编译失败:

Failed to compile
price={item.quotes.${USD}.price}
                   ^

如何传递包含大写字母的动态变量？

Answer 1

仔细检查您的代码后，我发现您缺少索引:

price={item[index].quotes.USD.price}