How to track multiple mutation invocation loading state ?

const mutation = useMutation(....)


<Row onClick={() => mutation.mutate(1)} isLoading={mutation.isLoading} />
<Row onClick={() => mutation.mutate(2)} isLoading={mutation.isLoading} />
<Row onClick={() => mutation.mutate(3)} isLoading={mutation.isLoading} />
<Row onClick={() => mutation.mutate(4)} isLoading={mutation.isLoading} />

const mutation = useMutation(....)


<Row onClick={() => mutation.mutate(1)} isLoading={mutation.isLoading} />
<Row onClick={() => mutation.mutate(2)} isLoading={mutation.isLoading} />
<Row onClick={() => mutation.mutate(3)} isLoading={mutation.isLoading} />
<Row onClick={() => mutation.mutate(4)} isLoading={mutation.isLoading} />

is there a way to track isLoading for each row correctly, and make it persist correctly even the mutation is triggered again multiple times ?

TanStack•2y ago•

3 replies

exclusive-coral

How to track multiple mutation invocation loading state ?

const mutation = useMutation(....)


<Row onClick={() => mutation.mutate(1)} isLoading={mutation.isLoading} />
<Row onClick={() => mutation.mutate(2)} isLoading={mutation.isLoading} />
<Row onClick={() => mutation.mutate(3)} isLoading={mutation.isLoading} />
<Row onClick={() => mutation.mutate(4)} isLoading={mutation.isLoading} />

const mutation = useMutation(....)


<Row onClick={() => mutation.mutate(1)} isLoading={mutation.isLoading} />
<Row onClick={() => mutation.mutate(2)} isLoading={mutation.isLoading} />
<Row onClick={() => mutation.mutate(3)} isLoading={mutation.isLoading} />
<Row onClick={() => mutation.mutate(4)} isLoading={mutation.isLoading} />

is there a way to track isLoading for each row correctly, and make it persist correctly even the mutation is triggered again multiple times ?

How to track multiple mutation invocation loading state ?

Similar Threads

How to track multiple mutation invocation loading state ?

Similar Threads

Similar Threads

Similar Threads