/Javascript/React/React change button color on hover

React change button color on hover

  return (
    <div className="App" style={appStyles}>
      <button
        className="primary"
        style={styles}
        onMouseEnter={() => setBgColour("#c83f49")}
        onMouseLeave={() => setBgColour("#fafafa")}
      >
        {" "}
        Red
      </button>
    </div>
  );

Source: pluralsight.com

Similar codes

-1 vote391 views1 answer
How many data binding in react
Javascript React
1 vote294 views2 answers
React js class component
Javascript React
0 vote337 views1 answer
How to convert timestamp to date in react native
Javascript React
1 vote327 views6 answers
UseEffect react
Javascript React
0 vote348 views1 answer
How to write sepearet styles in single line in react native
Javascript React
6 votes389 views2 answers
React native activity indicator
Javascript React
2 votes338 views2 answers
React native select option
Javascript React
0 vote360 views1 answer
Detect the city on application launch via geolocation react native
Javascript React
0 vote301 views1 answer
Array of refs react
Javascript React
7 votes358 views3 answers
Conditional style react
Javascript React