[SOLVED] Multiple useMoralisCloudFunction in one React component?

Moralis General
#1

Is it possible to call two (or more) cloud functions inside the same React component?

const { fetch, data, error, isLoading } = useMoralisCloudFunction("getLastName", {
     firstname: 'Jake',
});

const { fetch, data, error, isLoading } = useMoralisCloudFunction("getFirstName", {
     lastname: 'Smith',
});

This will give me an error, because fetch, data, error, isLoading are already declared. Is there any other way to call useMoralisCloudFunction that would allow me to do it multiple times in one component?

How to pass Moralis data to react router based on URL
#2

if you give them different names second time then it would work? like {fetch2, data2, error2, isLoading2}?

#3

Sadly this won’t work, already tried

#4

then maybe using Moralis.Cloud.run directly?

#5

I’ve decided to split my component into 2 which is probably a better practice anyway. Thanks for the help tho! :slight_smile:

1 Like
#6

Hey you can use two different cloudfunction hooks .
just rename it like this:

fetch: fetch1, data: data1

And so on

2 Likes
#7

That’s super helpful, thanks!

1 Like
#8

Hey Loco can you provide an example please - not sure what you mean? Thanks :facepunch: :pray:

#9

All good, I got it now!