How to add multiple classes to a ReactJS Component?

后端 未结 29 2209
执念已碎
执念已碎 2020-11-27 09:16

I am new to ReactJS and JSX and I am having a little problem with the code below.

I am trying to add multiple classes to the className attribute on eac

29条回答
  •  死守一世寂寞
    2020-11-27 09:27

    This is how you can do that with ES6:

    className = {`
          text-right
          ${itemId === activeItemId ? 'active' : ''}
          ${anotherProperty === true ? 'class1' : 'class2'}
    `}
    

    You can list multiple classes and conditions and also you can include static classes. It is not necessary to add an additional library.

    Good luck ;)

提交回复
热议问题