Error 400 and 200 with useEffect React Hook

Question

I have an API, with Node and MongoDB.

I do the following component with this request :

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>
    )
}

And I get an error, AND the results I want : Result

I don't understand why I get an error, and then the code 200 ?

Thank you !

Sinan Yaman · Accepted Answer · 2021-06-18 08:11:40Z

1

It is because your uid is null at first. You can do a null check:

  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]);

answered Jun 18, 2021 at 8:11

Sinan Yaman

5,9562 gold badges21 silver badges40 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

user14265379 Over a year ago

Why didn't I think of that ?! Thank you !

Collectives™ on Stack Overflow

Error 400 and 200 with useEffect React Hook

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related