Блог

Я пытаюсь использовать API фондового рынка, поэтому я вызываю API при отправке формы и получаю этот JSON ниже и сохраняю его значение на крючке.

     "Meta Data": {
        "1. Information": "Daily Prices (open, high, low, close) and Volumes",
        "2. Symbol": "IBM",
        "3. Last Refreshed": "2020-12-04",
        "4. Output Size": "Compact",
        "5. Time Zone": "US/Eastern"
    },
    "Time Series (Daily)": {
        "2020-12-04": {
            "1. open": "123.9700",
            "2. high": "127.3800",
            "3. low": "123.6400",
            "4. close": "127.2000",
            "5. volume": "5522760"
        },
        "2020-12-03": {
            "1. open": "124.1600",
            "2. high": "124.8600",
            "3. low": "123.2900",
            "4. close": "123.6100",
            "5. volume": "4548161"
        }
}
 

Итак, я создаю два простых компонента: StockList и StockItem, StockList используется для отображения всех StockItem, я не могу получить доступ к значению JSON в StockItem, потому что я не знаю, как отобразить эти данные с пробелами в ключах. Обычно json выглядит так:

   {
    "id": 1,
    "name": "Leanne Graham",
    "username": "Bret",
    "email": "Sincere@april.biz",
    "address": {
      "street": "Kulas Light",
      "suite": "Apt. 556",
      "city": "Gwenborough",
      "zipcode": "92998-3874",
      "geo": {
        "lat": "-37.3159",
        "lng": "81.1496"
      }
    }
 

Его легко отобразить с помощью карты, подобной этой:

 users.map((user) => {
   return(
     <p>{user.name}</p>
     <p>{user.username}</p>
   )
});
 

Когда я попытался использовать map для решения этого вопроса, я получил неопределенное свойство.

Для доступа к данным, имеющим пробелы в ключах.

 user['key'] => 

example : user['first name']
 

 let a = {"first name": 'dileep'}; 
console.log(a['first name'])