React - Context API

context-api.tsx

import React from 'react';
 
const UserContext = React.createContext('Yuvraj');
 
const UserProvider = UserContext.Provider;
const UserConsumer = UserContext.Consumer;
 
function UVHeader() {
  return (
    <UserConsumer>
    {
      (contextData) => {
        return contextData;
      }
    }
    </UserConsumer>
  )
}

function App() {
  return (
    <UserProvider value="Yuvi">
      <UVHeader />
    </UserProvider>
  )
}

export default App;