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 Spread Operator ကို တုံ့ပြန်ပါ။

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

ဖြန့်အော်သည်။

JavaScript ဖြန့်ကျက်အော်ပရေတာ ( ...) သည် ကျွန်ုပ်တို့အား ရှိပြီးသား array သို့မဟုတ် အရာဝတ္ထုတစ်ခု၏ အစိတ်အပိုင်းအားလုံးကို သို့မဟုတ် အခြား array သို့မဟုတ် အရာဝတ္ထုထဲသို့ အမြန်ကူးယူနိုင်စေပါသည်။

ဥပမာ

const numbersOne = [1, 2, 3];
const numbersTwo = [4, 5, 6];
const numbersCombined = [...numbersOne, ...numbersTwo];

Spread operator ကို destructuring နဲ့ တွဲသုံးလေ့ရှိပါတယ်။

ဥပမာ

ပထမနှင့် ဒုတိယအရာများကို numbersကိန်းရှင်များဆီသို့ သတ်မှတ်ပြီး ကျန်အရာများကို array တွင် ထည့်ပါ-

const numbers = [1, 2, 3, 4, 5, 6];

const [one, two, ...rest] = numbers;

အရာဝတ္ထုများနှင့်လည်း ပျံ့နှံ့နေသော အော်ပရေတာကိုလည်း အသုံးပြုနိုင်သည်။

ဥပမာ

ဤအရာနှစ်ခုကို ပေါင်းစပ်ပါ-

const myVehicle = {
  brand: 'Ford',
  model: 'Mustang',
  color: 'red'
}

const updateMyVehicle = {
  type: 'car',
  year: 2021, 
  color: 'yellow'
}

const myUpdatedVehicle = {...myVehicle, ...updateMyVehicle}

မကိုက်ညီသော ဂုဏ်သတ္တိများ ပေါင်းစပ်ထားသည်ကို သတိပြုပါ၊ သို့သော် တူညီသော ပိုင်ဆိုင်မှု colorကို ကျော်သွားသော နောက်ဆုံးအရာဝတ္တုဖြင့် ရေးချထားသည် updateMyVehicle။ ရလာတဲ့အရောင်က အဝါရောင်ပါ။

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

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

အောက်ပါ array များကို ပေါင်းစပ်ရန် spread operator ကို အသုံးပြုပါ။

const arrayOne = ['a', 'b', 'c'];
const arrayTwo = [1, 2, 3];
const arraysCombined = [];

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