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}

Answer 2

你可能想做这样的事情：

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

myArr['1'].quotes.USD.price

（要么）

myArr['1'].quotes['USD'].price