Как заставить работать псевдоклассы css в react.js?

@francis_schuster 

В React.js вы можете использовать псевдоклассы CSS, добавляя их в атрибут className компонента.

1. Создайте CSS-класс для нужного псевдокласса. Например, если вы хотите использовать псевдокласс :hover, создайте класс .hover в CSS файле:

1
2
3

.hover {
  /* ваш стиль для :hover */
}

1. В React-компоненте добавьте атрибут className с именем созданного класса:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10

import React from 'react';
import './style.css'; // импорт CSS файла

function MyComponent() {
  return (
    <div className="hover"> // добавьте className
      Контент компонента
    </div>
  );
}

После этого стили, определенные для псевдокласса :hover, будут применены к компоненту при наведении на него мыши.