В 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.