Pass Data from One Component to Another in React

This tutorial is about learning how to pass data from one component to another component in React.

Let the following be a component where we will pass data in props from another component:

import React from 'react';
function Second(props) {
      <p> {} </p>
export default Second;

Let the following be our another component from where we will pass data to the above Second component:

import React from 'react'
import First from './Second';
const First = () => {
const data = "Data from first component";
          <Second data={data}/>
export default First;