Create Context API

import { createContext } from 'react'

ဒီလိုလေး import လုပ်ပြီးသွားရင် ကျတော်တို့က context တခုကို စတင်ပြီးတော့ create လုပ်လို့ရသွား ပါပြီ

နောက်ထပ် ဘယ်လိုရေးရမှာလည်းဆိုတော့

export const NameContext = createContext()

ဒီမှာ ကျတော်တို့က တခုမေးစရာရှိသွားတယ် အဲဒါက ဘာလည်းဆိုတော့ ဘာလို့ export လုပ်ရတာလည်းပေါ့

ကျတော်တို့က ဒီလိုမျိုး export လုပ်ပေးလိုက်တော့မှ ကျတော်တို့က ကြိုက်တဲ့နေရာကနေပြီးတော့

သူ့ကိုအသုံးပြုလို့ရသွားစေချင်လို့ပါ

နောက်တစ်ခု သတိထားရမှာက ကျတော်တို့ က export လုပ်တဲ့အခါမှာ function body ထဲကိုရောက်နေ လို့မရပါဘူး

အဲဒါဆိုရင် ကျတော်တို့က ပထမ တဆင့်ဖြစ်တဲ့ context တခုကို create လုပ်လို့ပြီးသွားပါပြီ

Provide Context API and Pass data with Value props

အဲဒါပြီးသွားရင် ကျတော်တို့က ဘယ်လိုမျိုး provide လုပ်ပေးရမှာလည်းပေါ့

အဲဒါက ဘယ်လိုမျိုးလည်းဆိုတော့ ကျတော်တို့ ခုနက create လုပ်ခဲ့တဲ့ context ထဲမှာ provider

ဆိုတာလေး ပါတယ် အဲဒါနဲ့ ဘယ်လိုမျိုးရေးရမှာလည်းဆိုတော့

//rest of code of App.jsx
<NameContext.Provider>
    <Component />
<NameContext.Provider>

အဲဒီလိုလေး ရေးပေးရမှာပါ

အဲလိုလေး ရေးလိုက်ပြီးသွားရင် ကျတော်တို့က ဘယ်လိုမျိုး data ကို ပေးရတာလည်းဆိုတော့ value

ဆိုတဲ့ props လေးနဲ့ data ကို pass ပေးရတာပါ

ဘယ်လိုမျိုးရေးရတာလည်းဆိုတော့

//rest of code of App.jsx
<NameContext.Provider value="Bate Thar">
    <Component />
<NameContext.Provider>

ဒီလိုလေးရေးပြီးတော့ ကျတော်တို့ data ကို passing ပေးလိုက်ပြီးသွားရင် ကျတော်တို့ က Context api

ကို provide လုပ်တာပြီးသွားပါပြီ

နောက်ဆုံး တဆင့်က ကျတော့ ကျတော်တို့ ဘယ်ကနေပြီးတော့ ပြန်အသုံးပြုမှာလည်းပေါ့

အဲဒါကို ကျတော်တို့က ဘယ်လိုမျိုး အသုံးပြုရမှာလည်းဆိုတော့