Bagaimana untuk mendapatkan nilai tindak balas dari tempat selain daripada fungsi axios dalam React JS
P粉592085423
P粉592085423 2023-09-17 09:24:05
0
1
496

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;
P粉592085423
P粉592085423

membalas semua(1)
P粉852578075

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;
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan