Example of Render props

Speakers.js

import React from "react";
import SpeakersRenderProps from "./SpeakersRenderProps";

const Speakers = () => {
  return (
    <SpeakersRenderProps>
      {({speakers}) => {
        return (
          <div>
            {speakers.map(({ name, address })=> {
              return <h1>{name, address}</h1>
            })
         </div>
        );
      }}
    </SpeakersRenderProps>
  )
}

export default Speakers;

SpeakersRenderProps.js

function SpeakersRenderProps(props) {
  
    const speakers = [
       {name: "Sanjay gurung", address: "kathmandu" },
       {name: "Sirish gurung", address: "Patan" },
       {name: "Abhinab gurung", address: "Patan" },
      ];
  
  return props.children({
    speakers: speakers
  });
}

export default SpeakersRenderProps;