Эквивалент ng-class в React: использование атрибута className

В React эквивалентом ng-classиз Angular является атрибут className. В JSX вы можете использовать атрибут className, чтобы определить классы CSS для элемента.

Вот пример того, как вы можете использовать classNameв React:

import React from 'react';
function MyComponent() {
  const isActive = true;
  return (
    <div className={`my-element ${isActive ? 'active' : 'inactive'}`}>
      This is my component
    </div>
  );
}

В приведенном выше примере атрибут classNameиспользуется для условного применения классов CSS на основе значения переменной isActive. Если isActiveимеет значение true, элемент будет иметь класс "my-element active", в противном случае он будет иметь класс "my -элемент неактивен".

Использование атрибута classNameпозволяет динамически применять классы к элементам в компонентах React, аналогично тому, как ng-classработает в Angular.