How to conditionally load data with SWR

Using SWR you might have this problem: you want to do the request only if you have some data.

For example, one case I had was, I had to figure out if the user was logged in before sending a request to a /api/user endpoint to get the user’s data.

In particular, I had a session object, and inside it, a user object. Both needed to be defined.

So here’s what I did:

import fetcher from 'lib/fetcher'

...

const { data: userData } = useSWR(session && session.user ? `/api/user` : null, fetcher)

The first parameter is the URL. If it’s null, then SWR does not perform the request, and solves the original problem.


This content originally appeared on flaviocopes.com and was authored by flaviocopes.com

Using SWR you might have this problem: you want to do the request only if you have some data.

For example, one case I had was, I had to figure out if the user was logged in before sending a request to a /api/user endpoint to get the user’s data.

In particular, I had a session object, and inside it, a user object. Both needed to be defined.

So here’s what I did:

import fetcher from 'lib/fetcher'

...

const { data: userData } = useSWR(session && session.user ? `/api/user` : null, fetcher)

The first parameter is the URL. If it’s null, then SWR does not perform the request, and solves the original problem.


This content originally appeared on flaviocopes.com and was authored by flaviocopes.com


Print Share Comment Cite Upload Translate Updates
APA

flaviocopes.com | Sciencx (2021-07-25T05:00:00+00:00) How to conditionally load data with SWR. Retrieved from https://www.scien.cx/2021/07/25/how-to-conditionally-load-data-with-swr/

MLA
" » How to conditionally load data with SWR." flaviocopes.com | Sciencx - Sunday July 25, 2021, https://www.scien.cx/2021/07/25/how-to-conditionally-load-data-with-swr/
HARVARD
flaviocopes.com | Sciencx Sunday July 25, 2021 » How to conditionally load data with SWR., viewed ,<https://www.scien.cx/2021/07/25/how-to-conditionally-load-data-with-swr/>
VANCOUVER
flaviocopes.com | Sciencx - » How to conditionally load data with SWR. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/07/25/how-to-conditionally-load-data-with-swr/
CHICAGO
" » How to conditionally load data with SWR." flaviocopes.com | Sciencx - Accessed . https://www.scien.cx/2021/07/25/how-to-conditionally-load-data-with-swr/
IEEE
" » How to conditionally load data with SWR." flaviocopes.com | Sciencx [Online]. Available: https://www.scien.cx/2021/07/25/how-to-conditionally-load-data-with-swr/. [Accessed: ]
rf:citation
» How to conditionally load data with SWR | flaviocopes.com | Sciencx | https://www.scien.cx/2021/07/25/how-to-conditionally-load-data-with-swr/ |

Please log in to upload a file.



There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.

Related Posts