“Réagir de volant” Réponses codées

React HTML MouseOver

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

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

Composant de volant

const [hover, setHover] = useState(false)

	const hoverStyle = {
    	//Styles
    }
    
    const normalStyle = {
    	//Styles
    }

    const onMouseEnter = () => {
        setHover(true)
    }
    
    const onMouseLeave = () => {
        setHover(false)
    }
    
return (
	<Component style={hover ? hoverStyle : normalStyle} onMouseEnter={onMouseEnter} onMouseLeave={onMouseLeave}> </Component>  
)
PiterDev

Réagir de volant

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>
      );
    }
Aggressive Ape

Réponses similaires à “Réagir de volant”

Questions similaires à “Réagir de volant”

Plus de réponses similaires à “Réagir de volant” dans JavaScript

Parcourir les réponses de code populaires par langue

Parcourir d'autres langages de code