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