Search code examples
javascriptecmascript-nextspread-syntax

Spread syntax ES6 with statement

I tried to write ternary operator with spread syntax and copy two objects. Is it possible to use ternary operator with spread syntax inside with literal objects? My code works okay, I just want to optimize it. 

hintStyle: disabled ? {...globalStyles.hint, ...globalStyles.hintDisabled} : globalStyles.hint,

I want to write like this:

hintStyle: {...globalStyles.hint, {disabled ? ...globalStyles.hintDisabled : {}}},
Solution

  • Spread is not an operator, it's part of the object literal syntax (or at least it will be when the proposal is accepted). You need to write

    {...globalStyles.hint, ...(disabled ? globalStyles.hintDisabled : {})},