React axios api调用错误：未捕获（在承诺中）TypeError：setTempFetch不是函数

Posted 2023-03-17

【中文标题】React axios api调用错误：未捕获（在承诺中）TypeError：setTempFetch不是函数

【英文标题】：React axios api call error: Uncaught (in promise) TypeError: setTempFetch is not a function

【发布时间】：2021-10-10 02:16:38

【问题描述】：

在 React 中尝试通过 axios 加载获取的数据时，我收到一条错误消息，提示设置我的状态的钩子函数不存在。这是因为我使用了 useEffect 并且可能我无法更改 useEffect 中的状态吗？

不确定代码有什么问题：

const tempFetch, setTempFetch = useState("Test load")

useEffect(()=> 
    fetchData()
, [])


const fetchData = async () => 
    
    const config = 
        method: 'get',
        url: 'http://127.0.0.1:8000/api/states/',
        headers: 
                'Authorization': 'Basic amludHc6cG9rZW1vbmRwMjAxMkhQMTI1Mw=='
         
    

    let response = await axios(config)
    let data = await response.data
    console.log("data:",data)
    setTempFetch(data)

【问题讨论】：

useState 返回一个数组，而不是一个对象

【参考方案1】：

useState 钩子返回数组或两个元素。 第一个是值，第二个是设置值的处理程序。

我可以看到您已将 useState 返回值声明为对象

const tempFetch, setTempFetch = useState("Test load")

应该是这样的：

const [tempFetch, setTempFetch] = useState("Test load")