Name: Track Hover State
Uploaded: 2019-11-12T02:09:50.243Z
Duration: 2 min 41 s
Description: Our challenge here is to track the hover state on the `Image` component. This involves: 1. Creating state boolean for `"hovered"`. 2. When the mouse enters the image's div, setting `"hovered"` to `true`. 3. When the mouse leaves the image's div, setting `"hovered"` to false. 4. Logging `"hovered"` to the console so you know it's changing successfully.

scrimba

Watch in fullscreen

Track Hover State

by Bob Ziroll

About

Comments

Notes

Track Hover State

by Bob Ziroll

Expand for more info

z_challenge.md

run

preview

console

# Challenge

On the Image component, track the hover state

1. Create state boolean for "hovered"
2. When the mouse enters the Image's div, set "hovered" to true
3. When the mouse leaves the Image's div, set "hovered" to false
4. Log "hovered" to the console so you know it's changing successfully.

-2:41