如何在React JS中,通过axios函数之外的地方获取响应值
P粉592085423
P粉592085423 2023-09-17 09:24:05
0
1
525

我正在调用一个API并正确地获取到响应,但是在响应函数外部,同样的响应值显示为空。我需要在页面加载时从外部获取它。以下是代码:

测试.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

全部回复(1)
P粉852578075

我认为你只需要在useEffect之外的地方安慰这个值,像这样:

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;
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板