What are props?

Props are arguments passed to React functions and class components. If that is too techy, let’s break it down a bit. Basically, you use props to pass data from one component to another component. So, props refer to objects that store the value of attributes. This is similar to HTML when you pass a value to an attribute of a tag.

In the React world, props are used to customize and configure components and are passed from parent to child down the component tree. This means the parent component can only pass information to the child component. This is a unidirectional data flow concept in React. In essence, props are read-only, meaning that the component receiving them cannot modify their values directly.

Passing data as props

Let’s take a look at an example where props are used in React components. As we have discussed, props are used in React to pass information from one component to another. In the following snippet, we will explain how data is...