Chapter 06 - 6.2.3

blinkingbkg.js

function BlinkingBackground() {
  const [isLeft, setLeft] = useState(true);
  console.log(isLeft);
  const onMouseMove = (evt) => {
    return setLeft(evt.nativeEvent.offsetX < 90);
  };
  const divStyle = {
    backgroundColor: isLeft ? "blue" : "red",
    width: "100px",
    height: "100px"
  };

  return <div style={divStyle} onMouseOver={onMouseMove} />;
}

export default BlinkingBackground;