react context

 UserContext.js:--

import { createContext } from "react";

export const UserContext=createContext({

    count: 0,

    setCount: () => {},

  });

Appcomponet:-

  <UserContext.Provider value={{count,setCount}} >

        <A/>

    

         this is my app component{count}

         <button onClick={handleClick}>click</button>

      </UserContext.Provider>

C.jsx:--

import React,{useContext} from 'react'

import { UserContext } from './UserContext'

export default function C() {

  const {count,setCount}= useContext(UserContext);

    // console.log(handleClick);

    

    // console.log(count);

    

//    const info=useContext(UserContext);

//    console.log(info);

   

    

    const handleClick=()=>{

        setCount(prev=>prev+1);

        

      }

  return (

    <div>

     component C  

     {count}

     <button onClick={handleClick}>click</button>

    

    </div>

  )

}