አጭር ማጠቃለያ
ይህ ቪዲዮ በጃቫስክሪፕት ውስጥ የተግባር ክፍሎችን ይዳስሳል። የተግባር ክፍሎች ፕሮፖዛል የሚባሉትን ንብረቶች እንደ አማራጭ በመቀበል ኤችቲኤምኤልን የሚመልሱ የጃቫስክሪፕት ተግባራት ናቸው። ቪዲዮው የተግባር አካልን እንዴት መፍጠር፣ ወደ ውጭ መላክ እና ማስመጣት እንደሚቻል ያሳያል፣ እንዲሁም ቀስት ተግባራትን እና በነባሪ እና በስም ወደ ውጭ መላክ መካከል ያለውን ልዩነት ያብራራል።
- የተግባር አካላት በ React ውስጥ UI ለመገንባት ያገለግላሉ።
- ቀስት ተግባራት አጠር ያለ አገባብ ይሰጣሉ።
- በነባሪ እና በስም ወደ ውጭ መላክ መካከል ያለውን ልዩነት መረዳት አስፈላጊ ነው።
የተግባር አካላት መግቢያ
የተግባር አካላት በጃቫስክሪፕት ውስጥ እንደ አማራጭ የንብረቶቹን ዕቃ የሚቀበሉ እና ኤችቲኤምኤልን የሚመልሱ ተግባራት ናቸው። ኤችቲኤምኤል በ React ውስጥ JSX በመባል ይታወቃል። የተግባር አካል ኮድን ወደ ኤችቲኤምኤል የሚቀይር እና የሚመልስ የጃቫስክሪፕት ተግባር ነው።
የመጀመሪያውን የተግባር አካል መፍጠር
በመተግበሪያው ውስጥ ለመጠቀም የመጀመሪያውን የተግባር አካል እንፈጥራለን። ይህንን ለማድረግ አዲስ አቃፊ እንፈጥራለን እና በውስጡም .js ፋይል እንፈጥራለን። በመቀጠል Reactን ማስመጣት አለብን። ከዚያ በኋላ "ሰላምታ" የተባለ አዲስ ተግባር እንፈጥራለን። ይህ ተግባር "ሰላም ቪሽዋስ" የሚል ጽሑፍ የያዘ ኤችቲኤምኤል ይመልሳል። በመጨረሻም ይህንን አካል ወደ መተግበሪያው አካል ውስጥ እናስገባዋለን።
ቀስት ተግባራትን መጠቀም
የተግባር አካላትን ለመግለጽ ቀስት ተግባራትን መጠቀም የተለመደ ነው። ቀስት ተግባራት አጠር ያለ አገባብ ይሰጣሉ። "ሰላምታ" ተግባርን በ ES6 ቀስት ተግባር እንደገና እንጽፋለን።
ወደ ውጭ መላክ እና ማስመጣት
አንድን አካል እንደ ነባሪ ወደ ውጭ መላክ እንችላለን። እንዲሁም ስም ያላቸውን ወደ ውጭ መላኮች መጠቀም እንችላለን። በነባሪ ወደ ውጭ ስንልክ ስሙን በምንያስመጣበት ጊዜ መቀየር እንችላለን። ስም ላለው ወደ ውጭ መላክ ስሙን በትክክል መጠቀም አለብን። በአብዛኛዎቹ ሁኔታዎች ነባሪ ወደ ውጭ መላክን እንጠቀማለን፣ ነገር ግን ለወደፊቱ እገዛ ስም ያላቸውን ወደ ውጭ መላኮች ማወቅ ጠቃሚ ነው።
