From the course: Building Production-Ready React Apps: Setup to Deployment with Firebase

Unlock the full course today

Join today to access over 24,400 courses taught by industry experts.

Pass props to child components

Pass props to child components

From the course: Building Production-Ready React Apps: Setup to Deployment with Firebase

Start my 1-month free trial Buy for my team

Pass props to child components

“

- [Instructor] React components use props to communicate with each other. Every parent component can pass data to a child component by using the props. Props are the same as attributes to HTML elements. For example below, we have this component Welcome with a prop to pass the data of Sara, the string object. And inside this component, we can then read and access this information via the props. So the goal in our example is to do the same, passing data from the parents to a child component, and then be able to read the information from the component, the child components. Because here the goal is not to read and repeat the same static content, we want to be able to display actual images in this gallery instead of just a placeholder image. So for this example, for your convenience, I am providing with a collection of placeholder images that I took from this website, picsum.photos. So we're going to copy this array. And back…

Contents