Блог

Я пытаюсь просто выполнить выборку в API Blizzard, используя useEffect в качестве своего хука. Однако вызов проходит успешно, когда я пытаюсь установить свой ключ ={item.id } а затем попытайтесь извлечь нужную мне информацию через {item.race} Я получаю

 Failed to compile
./src/App.js
SyntaxError: /Users/gabrielcastro/Development/code/React/convergence/src/App.js: Unexpected token, expected "," (12:2)

  10 |   .then(response => response.races.json())
  11 |   .then(console.log(response.json())
> 12 |   },[races]) 
     |   ^
  13 |  
  14 | 
  15 |   return (
 

Вот как выглядит мой код… Я достал токен доступа только для этого поста.

 import React, { useState, useEffect } from 'react'

export default function App() {

  const [races, setRaces] = useState('races')
  const [items, setItems] = useState([])
  
  useEffect(() => {
  fetch(`https://us.api.blizzard.com/data/wow/playable-race/index?namespace=static-usamp;locale=en_USamp;access_token=`)
  .then(response => response.races.json())
  .then(console.log(response.json())
  },[races]) 
 

  return (
    <div>
    {items.map(item => {
   <li key={item.id}>
    Race: {item.name}
  </li>
  })}
     </div> 
     )
    }
 

ниже приведен краткий обзор информации, к которой я пытаюсь получить доступ

Любая помощь приветствуется!

.map() Метод доступен только для массивов. Данные, к которым вы пытаетесь получить доступ, могут быть объектом. Вам нужно перейти к races ключу, который содержит нужные вам данные и фактически является массивом, поэтому вы должны иметь возможность работать .map() с ним.

Можете ли вы попробовать установить races для атрибута в вашем состоянии что-то вроде response.races изоляции данных, с которыми вы хотите работать, затем повторите попытку.