scrimba

Watch in fullscreen

Map Photos

by Bob Ziroll

About

Comments

Notes

Map Photos

by Bob Ziroll

Expand for more info

z_challenge.md

run

preview

console

# Challenge

Using the data in context state, map over it in the Photos page and display the images.

›

[]

›

[

{url:

"https://github.com/bobziroll/scrimba-react-bootcamp-images/blob/master/pic1.jpg?raw=true"

, id:

"1"

, isFavorite:

false

}

{url:

"https://github.com/bobziroll/scrimba-react-bootcamp-images/blob/master/pic2.jpg?raw=true"

, id:

"2"

, isFavorite:

false

}

{url:

"https://github.com/bobziroll/scrimba-react-bootcamp-images/blob/master/pic3.jpg?raw=true"

, id:

"3"

, isFavorite:

false

}

{url:

"https://github.com/bobziroll/scrimba-react-bootcamp-images/blob/master/pic4.jpg?raw=true"

, id:

"4"

, isFavorite:

false

}

{url:

"https://github.com/bobziroll/scrimba-react-bootcamp-images/blob/master/pic5.jpg?raw=true"

, id:

"5"

, isFavorite:

false

}

{url:

"https://github.com/bobziroll/scrimba-react-bootcamp-images/blob/master/pic6.jpg?raw=true"

, id:

"6"

, isFavorite:

false

}

{url:

"https://github.com/bobziroll/scrimba-react-bootcamp-images/blob/master/pic7.jpg?raw=true"

, id:

"7"

, isFavorite:

false

}

{url:

"https://github.com/bobziroll/scrimba-react-bootcamp-images/blob/master/pic8.jpg?raw=true"

, id:

"8"

, isFavorite:

false

}

{url:

"https://github.com/bobziroll/scrimba-react-bootcamp-images/blob/master/pic9.jpg?raw=true"

, id:

"9"

, isFavorite:

false

}

{url:

"https://github.com/bobziroll/scrimba-react-bootcamp-images/blob/master/pic10.jpg?raw=true"

, id:

"10"

, isFavorite:

false

}

{url:

"https://github.com/bobziroll/scrimba-react-bootcamp-images/blob/master/pic11.jpg?raw=true"

, id:

"11"

, isFavorite:

false

}

{url:

"https://github.com/bobziroll/scrimba-react-bootcamp-images/blob/master/pic12.jpg?raw=true"

, id:

"12"

, isFavorite:

false

}

{url:

"https://github.com/bobziroll/scrimba-react-bootcamp-images/blob/master/pic13.jpg?raw=true"

, id:

"13"

, isFavorite:

false

}

{url:

"https://github.com/bobziroll/scrimba-react-bootcamp-images/blob/master/pic14.jpg?raw=true"

, id:

"14"

, isFavorite:

false

}

{url:

"https://github.com/bobziroll/scrimba-react-bootcamp-images/blob/master/pic15.jpg?raw=true"

, id:

"15"

, isFavorite:

false

}

{url:

"https://github.com/bobziroll/scrimba-react-bootcamp-images/blob/master/pic16.jpg?raw=true"

, id:

"16"

, isFavorite:

false

}

{url:

"https://github.com/bobziroll/scrimba-react-bootcamp-images/blob/master/pic17.jpg?raw=true"

, id:

"17"

, isFavorite:

false

}

{url:

"https://github.com/bobziroll/scrimba-react-bootcamp-images/blob/master/pic18.jpg?raw=true"

, id:

"18"

, isFavorite:

false

}

{url:

"https://github.com/bobziroll/scrimba-react-bootcamp-images/blob/master/pic19.jpg?raw=true"

, id:

"19"

, isFavorite:

false

}

{url:

"https://github.com/bobziroll/scrimba-react-bootcamp-images/blob/master/pic20.jpg?raw=true"

, id:

"20"

, isFavorite:

false

}

{url:

"https://github.com/bobziroll/scrimba-react-bootcamp-images/blob/master/pic21.jpg?raw=true"

, id:

"21"

, isFavorite:

false

}

{url:

"https://github.com/bobziroll/scrimba-react-bootcamp-images/blob/master/pic22.jpg?raw=true"

, id:

"22"

, isFavorite:

false

}

{url:

"https://github.com/bobziroll/scrimba-react-bootcamp-images/blob/master/pic23.jpg?raw=true"

, id:

"23"

, isFavorite:

false

}

]

-10:24