scrimba
Frontend Career Path
React basics
AirBnb clone
Props part 4: receiving props in a component
Go Pro!Bootcamp

Bootcamp

Study group

Collaborate with peers in your dedicated #study-group channel.

Code reviews

Submit projects for review using the /review command in your #code-reviews channel

Props part 4: receiving props in a component
AboutCommentsNotes
Props part 4: receiving props in a component
Expand for more info
App.js
run
preview
console
import React from "react"
import Contact from "./Contact"

function App() {
return (
<div className="contacts">
<Contact
img="./images/mr-whiskerson.png"
name="Mr. Whiskerson"
phone="(212) 555-1234"
email="mr.whiskaz@catnap.meow"
/>
<Contact
img="./images/fluffykins.png"
name="Fluffykins"
phone="(212) 555-2345"
email="fluff@me.com"
/>
<Contact
img="./images/felix.png"
name="Felix"
phone="(212) 555-4567"
email="thecat@hotmail.com"
/>
<Contact
img="./images/pumpkin.png"
name="Pumpkin"
phone="(0800) CAT KING"
email="pumpkin@scrimba.com"
/>
</div>
)
}

export default App
Console
/index.html
-5:28