Estoy tratando de obtener solo los resultados de la siguiente API. Sin embargo, parece estar anidado dentro de algunos datos y le gustaría extraerlos.
https://opentdb.com/api.php?amount=10000
¿Cómo se puede hacer para que solo extraiga los resultados y eso se convierta en mi estado de uso de 'quizArray'?
import './App.css'; const url = 'https://opentdb.com/api.php?amount=10000'; function App() { const [quizArray, setQuizArray] = useState([]); const fetchData = async () => { const response = await fetch(url); const quiz = response.json(); setQuizArray(quiz); } useEffect (() => { fetchData() }, []) console.log(quizArray) return ( <div className="App"> </div> ); } export default App;```Las devoluciones de URL de su API tienen una estructura de respuesta inferior
{ "response_code": 0, "results": [] } Para sacar solo la clave de results , puede usar la notación de punto (.)
obj.results le dará la matriz de prueba de los objetos
import './App.css'; const url = 'https://opentdb.com/api.php?amount=10000'; function App() { const [quizArray, setQuizArray] = useState([]); const fetchData = async () => { const response = await fetch(URL).then(res=>res.json()); // MODIFY THIS LINE const quiz = response.results;// MODIFY THIS LINE setQuizArray(quiz); } useEffect (() => { fetchData() }, []) console.log(quizArray) return ( <div className="App"> </div> ); } export default App;