Javascript how to rename a variable in array deconstructor

Question

I have a deconstructured array of values, as instructed in the docs. (react-firebase-hooks)

const [ signInWithEmailAndPassword, loading, error] = useSignInWithEmailAndPassword(auth);

All is fine, but what if I have another hook with the same return keys:

const [ signInWithEmailAndPassword, loading, error] = useSignInWithEmailAndPassword(auth);  
const [ signInWithGoogle, loading, error ] = useSignInWithGoogle(auth);

As I cannot redeclare variables, how would I solve this?

I want to eventually return a spinner, if either loading value is true.

What I tried: Assigning a new variable name inside the deconstructor.

What I was expecting: My expectations were open.

Have you tried it with [ signInWithGoogle, loading: googleLoading, error: googleError ] ? Left side of colon is the original variable name, right side is the name you want to rename it to. — Mugentoki
– Mugentoki, Commented Dec 20, 2022 at 14:12
Your destructirings are array destructurings; the variable names can be anything you want, because the implicit array indexes are the keys for extracting values from the source arrays. — Pointy
– Pointy, Commented Dec 20, 2022 at 14:12
Array destrcuturing is based on the index. You can name the variables whatever you want — adiga
– adiga, Commented Dec 20, 2022 at 14:12

KooiInc · Accepted Answer · 2022-12-20 14:17:56Z

1

You can reassign the names like this:

const [ signInWithEmailAndPassword, loading, error] = [true, true, false];
const [ signInWithGoogle, gLoading = loading, gErr = error ] = 
  [`Hello`, false, `error!`];
console.log( `${signInWithEmailAndPassword}, ${loading}, ${error}\n${
  signInWithGoogle}, ${gLoading}, ${gErr}`);

answered Dec 20, 2022 at 14:17

KooiInc

124k32 gold badges145 silver badges181 bronze badges

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

Comments

Eli Porush · Accepted Answer · 2022-12-20 14:16:19Z

-1

you don't have to do it like this:

const [ signInWithEmailAndPassword, loading, error] = useSignInWithEmailAndPassword(auth);

simply replace it with

 const signinObject = useSignInWithEmailAndPassword(auth);
 // do what you need with loading 
 signinObject[1]
 // do what you need with error
 sigininObject[2]

the the destruction only take it out from the array, but this way you keep it as array and refer to its index

answered Dec 20, 2022 at 14:16

Eli Porush

1,5772 gold badges11 silver badges20 bronze badges

Collectives™ on Stack Overflow

Javascript how to rename a variable in array deconstructor

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related