Comment obtenir la valeur de réponse ailleurs que dans la fonction axios dans React JS

Question

J'appelle une API et j'obtiens la réponse correctement, mais en dehors de la fonction de réponse, la même valeur de réponse apparaît comme vide. J'ai besoin de l'obtenir en externe lors du chargement de la page. Voici le code :

test.js

import React, { useState, useEffect,useRef, useMemo  } from 'react';
import axios from 'axios';  
function Test() {
    const [state, setState] = useState([]);
    useEffect(() => {
        axios.get(`https://jsonplaceholder.typicode.com/todos/1`)  
      .then(res => {  
        setState(res.data);  
      })  
      console.log(state)
    },
        []);
}
export default Test;

Answer 1

Je pense qu'il vous suffit de consoler cette valeur quelque part en dehors de useEffect, comme ceci :

import React, { useState, useEffect,useRef, useMemo  } from 'react';
import axios from 'axios';  
function App() {
    const [state, setState] = useState({});
    useEffect(() => {
        axios.get(`https://jsonplaceholder.typicode.com/todos/1`)  
      .then(res => {  
        // console.log(res.data)
        setState(res.data);  
      })  
    },[]);
    console.log(state)
}
export default App;