Hover react

React html mouseover

  function changeBackground(e) {
    e.target.style.background = 'red';
  }

  return (
    <div className="App">
      <button onMouseOver={changeBackground}>Hover over me!</button>
    </div>
  );

Source: upmostly.com

Hover react

import React from "react";
  import "./styles.css";

    export default function App() {

      function MouseOver(event) {
        event.target.style.background = 'red';
      }
      function MouseOut(event){
        event.target.style.background="";
      }
      return (
        <div className="App">
          <button onMouseOver={MouseOver} onMouseOut={MouseOut}>Hover over me!</button>
        </div>
      );
    }

Source: stackoverflow.com

Similar codes

0 vote196 views1 answer
Module not found: Can't resolve 'jquery' in react
Javascript React
1 vote171 views1 answer
How to pass function as a props in react in functional components
Javascript React
0 vote204 views1 answer
Upload file react onclick
Javascript React
20 votes201 views2 answers
React localstorage
Javascript React
1 vote186 views1 answer
Spread operator react array
Javascript React
1 vote195 views1 answer
Change react native app name
Javascript React
0 vote234 views2 answers
React-bootstrap sidebar menu
Javascript React
9 votes218 views1 answer
Create react app in existing folder
Javascript React
2 votes143 views1 answer
Range slider mui can't slide
Javascript React
4 votes224 views4 answers
Class component react
Javascript React