마우스 hover 이미지 변경하기

마우스 hover효과시 이미지를 변경하는 방법!

onMouseOver, onMouseOut을 사용하면 된다.

const [isHover, setIsHover] = useState(false);

<button
  onMouseOver={() => {setIsHover(true);}}
  onMouseOut={() => {setIsHover(false);}} >
	<img src={isHover ? White : Blue} alt="arrowRight" />
</button>