Как использовать атрибуты класса и стиля в React.js?

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16

const MyClass = ({ isActive }) => (
  
    Content
  
);

// Или

const activeClass = 'active';
const inactiveClass = 'inactive';

const MyClass = ({ isActive }) => (
  
    Content
  
);

 1
 2
 3
 4
 5
 6
 7
 8
 9
10

const myStyle = {
  backgroundColor: '#f00',
  color: '#fff',
};

const MyComponent = () => (
  
    Content
  
);

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12

const MyComponent = ({ bgColor, textColor }) => {
  const myStyle = {
    backgroundColor: bgColor,
    color: textColor,
  };

  return (
    
      Content
    
  );
};