How could I store multiple values to one reusable variable - reactJs

Question

I'm working on small react app and my dropdowns looks like this:

<CustDropdown 
disabled={
      isPlayerLoaded ||
      this.state.players.length === 0 || 
      !this.state.players 
    }
/>

Issue here is I would like to get rid of this code after disabled. Is it possible to store it to somevariable which might be used here after disabled.

So disabled would look like disabled = isPlayerDisabled.

Thanks guys

Cheers

Dupocas · Accepted Answer · 2019-09-05 18:12:58Z

3

Before the return statement declare a const to hold the result of the logic operation. You can also use destructuring assignment to make your code more clean

const { players } = this.state
const disabled = isPlayerLoaded || players.length === 0 || !players 

return <CustDropDown disabled={disabled} />

edited Sep 5, 2019 at 18:12

answered Sep 5, 2019 at 11:09

Dupocas

21.5k7 gold badges44 silver badges59 bronze badges

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

2 Comments

pritam Over a year ago

logical OR instead of bitwise OR

Dupocas Over a year ago

it was a typo bro

Collectives™ on Stack Overflow

How could I store multiple values to one reusable variable - reactJs

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related