Reactjs 按动态条件反应集类名

Reactjs 按动态条件反应集类名,reactjs,Reactjs,我有一个映射函数,可以动态显示类名。 在这个函数中,我想将类名设置为动态的。 我试图在没有 $ 但这也不起作用 this.state.antwort.map((item,key) => <Col md={2} key={key} className={' ${item.gender == "Female" ? karteFemale : karteMann}' } > ... ) } 但是我得到了一个错误,类名是未定义的。 那么,我怎样才能使这些课程灵活呢?@N

我有一个映射函数,可以动态显示类名。 在这个函数中,我想将类名设置为动态的。 我试图在没有

$

但这也不起作用

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

...

)    }
但是我得到了一个错误,类名是未定义的。
那么,我怎样才能使这些课程灵活呢?

@Nifiro的帖子很贴切

className={item.gender === 'Female' ? karteFemale : karteMann}
如果需要一些复杂的行为和类名,将来也可以使用该包