Как добавить hover в css in js?

Question

[cracker-test]

Как добавить hover в css in js? Пробовал сделать так, но не получается

import React from 'react';

const styles = {
  root: {
    backgroundColor: 'white',
    cursor: 'pointer',

    '&:hover': {
      background: 'red',
    },

    hover: {
      background: 'red',
    },
  },
};

function TobButton() {
  return <div style={styles.root}>top</div>;
}

export default TobButton;

Comments

[WapSter]

Использовать события onMouseEnter/onMouseLeave вообще гуглится очень легко

[cracker-test]

WapSter, вопрос был больше в том, почему не работает так как я написал сейчас. я сколько гугли так работать тоже должно

[cracker-test]

Evgenii, что нужно прописать тогда? я на сколько понимаю, есть же какие-то методы, чтобы не писать mouseenter / mouseleave для hover постоянно