if statement in class attribute definiton

Question

Is it possible to make if statement in a class Definition?

<Card className={${css.processStepInstanceCard}}>

I want to add a second css class if a var is true.

Thanks in advance

score 1 · Accepted Answer · answered Dec 01 '17 at 08:49

1

You can write like this:

<Card className={bool ? css.processStepInstanceCard :  css.anotherClass}>

answered Dec 01 '17 at 08:49

Daniel Tran

tried it this way `` but dosn't work – Felix Dec 01 '17 at 09:09
You mean? – Daniel Tran Dec 01 '17 at 09:22
yes that is exactly what I had, the comment removed the back-ticks. But the css.done class isn't added when condition=true – Felix Dec 01 '17 at 11:49
you can print the value of the expression for debugging – Daniel Tran Dec 01 '17 at 11:53
result = `App--processStepInstanceCard--1dLxb44a` ... just the first css class is added. – Felix Dec 01 '17 at 11:59
logical problem ;) thanks – Felix Dec 01 '17 at 12:12

1 Answers1