Bagaimana untuk mendapatkan nilai tindak balas dari tempat selain daripada fungsi axios dalam React JS

Question

Saya sedang memanggil API dan mendapat respons dengan betul, tetapi di luar fungsi respons nilai respons yang sama muncul sebagai kosong. Saya perlu mendapatkannya secara luaran apabila halaman dimuatkan. Ini kodnya:

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

Saya rasa anda hanya perlu memulih nilai ini di suatu tempat di luar useEffect, seperti ini:

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;