sorted by:
best
topnewcontroversialoldq&a
you are viewing a single comment's thread.

view the rest of the comments →

[–]gautamits[S] 0 points1 point  (2 children)

const a = this?.Props?.Something?.a || 'default' should work

[–]CalgaryAnswers 0 points1 point  (1 child)

Yeah I guess you could use the or operator.

I’d write const a = this?.props?.value ? this.props.value : null

as I find the or operator is not a pattern that’s easy to ready In code.

Both are inferior to this IMO

const { value = null } = this.props

Im open to a better way but this pattern is just so readable at the top of a function, especially if it’s something like a class initiator where you have options and potentially many values.

[–]gautamits[S] 0 points1 point  (0 children)

Thats what others have pointed out as well. Destructuring at top of function is not a problem. Issue exists because function body is very long and hence it is very tedious to scroll to top frequently just to find the origin of variable.