React set className by conditions dynamic

Question

I have a map function which should dynamic show classNames. In this function i want to set the className dynamic. I tried to set the className also without the

$

But dosen't also not work

this.state.antwort.map((item,key) => <Col md={2} key={key} className={' ${item.gender == "Female" ? karteFemale : karteMann}' } > ... ) }

But i got the error, that the classNames are undefined. So how can i set the classes flexible ?

Nifiro · Accepted Answer · 2020-02-15 16:45:39Z

1

className={item.gender === 'Female' ? karteFemale : karteMann}

answered Feb 15, 2020 at 16:45

Nifiro

3302 silver badges8 bronze badges

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

Comments

vmk · Accepted Answer · 2020-02-15 17:43:37Z

@Nifiro's post was spot on!

You can also use the clsx package in the future if you want some complicated behavior and classnames.

Collectives™ on Stack Overflow

React set className by conditions dynamic

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related