reactjs - 使用 useEffect React Hook 时出现错误 400 和 200

Question

我有一个 API，带有 Node 和 MongoDB。

我使用此请求执行以下组件：

export default function Balance() {
    const uid = useContext(UidContext)

    useEffect(() => {
        axios({
            method: "get",
            url: `${process.env.REACT_APP_API_URL}api/balance/${uid}`
        }).then(response => console.log(response.data[0]));
    }, [uid]);

    return (
        <section>
            Walet
        </section>
    )
}

我得到一个错误，我想要的结果： 结果

我不明白为什么我得到一个错误，然后是代码 200 ？

谢谢 ！

标签： reactjsapiaxiosreact-hooksuse-effect

Answer 1

这是因为你uid一开始是空的。你可以做一个空检查：

  useEffect(() => {
      if(uid !== null){
        axios({
            method: "get",
            url: `${process.env.REACT_APP_API_URL}api/balance/${uid}`
        }).then(response => console.log(response.data[0]));
       }
    }, [uid]);