When you were starting with React, you probably came across many examples of React apps with components that used shared data. These components are very simple in terms of complexity and are pretty easy to understand. However, when you are working on a production-level app, you will notice that the data comes from many different sources and services.

It is vital that the components you build are scalable, maintainable, and do not cause any bottleneck in the app. In this guide, you will learn how to pass JSON data to a component.

Passing Values Using Props

React components can access data from other components via props. Props are used to send data from one component to another.

In the below example, the Hello component accepts a name prop.

#json #react