HTML CSS JAVASCRIPT SQL PYTHON PHP HOW TO W3.CSS JAVA JQUERY C++ R React
ภาษาไทย Afrikaans العربية čeština Deutsch Español Français हिन्दी Bahasa Indonesia Italiano 日本語 한국어 မြန်မာဘာသာ Nederlands Polski Português Русский Türkçe Tiếng Việt

တုံ့ပြန် ကျူတိုရီရယ်

React Home React Intro React စတင်လိုက်ပါ။ ES6 ကို တုံ့ပြန်ပါ။
ES6 ကို တုံ့ပြန်ပါ။ ES6 အတန်းများ ES6 Arrow လုပ်ဆောင်ချက်များ ES6 ပြောင်းလဲမှုများ ES6 Array Methods ES6 ဖျက်ဆီးခြင်း ES6 ဖြန့်အော်ပရေတာ ES6 မော်ဂျူးများ ES6 Ternary အော်ပရေတာ
Render HTML ကို တုံ့ပြန်ပါ။ JSX ကို တုံ့ပြန်ပါ။ အစိတ်အပိုင်းများကို တုံ့ပြန်ပါ။ React Class React Props အဖြစ်အပျက်များကို တုံ့ပြန်ပါ။ အခြေအနေများကို တုံ့ပြန်ပါ။ တုံ့ပြန်မှုစာရင်းများ တုံ့ပြန်မှုပုံစံများ Router ကို တုံ့ပြန်ပါ။ တုံ့ပြန်မှတ်စု CSS Styling ကို တုံ့ပြန်ပါ။ Sass Styling ကို တုံ့ပြန်ပါ။

React Hooks

Hook ဆိုတာဘာလဲ။ ပြည်နယ်ကိုအသုံးပြုပါ။ အသုံးပြုမှုအကျိုးသက်ရောက်မှု အသုံးအနှုန်း အသုံးပြုရန် Ref Reducer ကိုအသုံးပြုပါ။ ဖုန်းခေါ်ဆိုမှုကို အသုံးပြုပါ။ Memo ကိုအသုံးပြုပါ။ စိတ်ကြိုက်ချိတ်

တုံ့ပြန်လေ့ကျင့်မှုများ

တုံ့ပြန်မေးခွန်း တုံ့ပြန်လေ့ကျင့်မှုများ တုံ့ပြန်လက်မှတ်

ES6 Array Methods ကို တုံ့ပြန်ပါ။

❮ ယခင် နောက်တစ်ခု ❯

Array နည်းလမ်းများ

JavaScript array method တွေ အများကြီးရှိပါတယ်။

React တွင် အသုံးဝင်ဆုံးတစ်ခုမှာ .map()array method ဖြစ်သည်။

နည်းလမ်း သည် .map()သင့်အား ရလဒ်အဖြစ် array အတွင်းရှိ အရာတစ်ခုစီတွင် လုပ်ဆောင်ချက်တစ်ခုကို လုပ်ဆောင်နိုင်စေပြီး ရလဒ်အဖြစ် ခင်းကျင်းအသစ်တစ်ခုကို ပြန်ပေးသည်။

React တွင်၊ map()စာရင်းများကိုထုတ်လုပ်ရန်အသုံးပြုနိုင်သည်။

ဥပမာ

array တစ်ခုမှ ပစ္စည်းများစာရင်းကို ဖန်တီးပါ-

const myArray = ['apple', 'banana', 'orange'];

const myList = myArray.map((item) => <p>{item}</p>)

လေ့ကျင့်ခန်းများဖြင့် သင့်ကိုယ်သင် စမ်းသပ်ပါ။

လေ့ကျင့်ခန်း

array အတွင်းရှိ item တစ်ခုစီတွင် function တစ်ခုစီကို run ပြီး array အသစ်တစ်ခုပြန်ပို့ပေးမည့် array method ကို အပြီးသတ်ပါ။

const myList = myArray.((item) => <p>{item}</p>)

❮ ယခင် နောက်တစ်ခု ❯