is there a way to create an on hover effect with state react code example

Example: react css hover animation

npm install style-it 
*********
import React from "react";
import Style from "style-it";

class UrClass extends React.Component {
  render() {
    return Style.it(
      `
      .myDiv:hover {
        color:red;
        transform: scale(1.001);
        background: #f0c14b;
      }
    `,
      <div className="myDiv">sample text</div>
    );
  }
}

export default UrClass;