Дар бораи компонентҳо дар React ба ман нақл кунед.

በReact ውስጥ ኮምፖኔንቶች ከፍተኛ እና ተደጋጋሚ የተጠቀሙ የተጠቃሚ ቅርጸ ቅርጸ እና እንደ እንቅስቃሴ እና እንደ እንቅስቃሴ የሚያስተዳድሩ እና የራሳቸውን ሁኔታ ማስተካከል ይችላሉ።

ሁለት ዋና ዓይነቶች ኮምፖኔንቶች:

1. ስራ ላይ ያሉ ኮምፖኔንቶች: ቀላል JavaScript ስራዎች ናቸው እና JSX ይመለሳሉ።

   // ምሳሌ የስራ ላይ ያሉ ኮምፖኔንቶች
   function Welcome(props) {
     return <h1>ሰላም, {props.name}!</h1>;
   }
   

2. ክፍል ኮምፖኔንቶች: JavaScript ክፍሎች ናቸው እና React.Component እንደ ማስተላለፊያ ይስፋፋሉ እና የrender() ዘዴ እንደ መመለሻ JSX ይሰጣሉ። እነሱ የአካል ሁኔታ (state) እና የሕይወት ዙር ዘዴዎች ሊኖራቸው ይችላሉ።

   // ምሳሌ የክፍል ኮምፖኔንት
   class Counter extends React.Component {
     constructor(props) {
       super(props);
       this.state = { count: 0 };
     }
   
     render() {
       return (
         <div>
           <p>መቶ: {this.state.count}</p>
           <button onClick={() => this.setState({ count: this.state.count + 1 })}>
             እያደጉ
           </button>
         </div>
       );
     }
   }
   

ኮምፖኔንቶች ለመሰረት ለመፍጠር በመካከል ሊያካትቱ ይችላሉ። የመለኪያ መረጃዎች ከወላጅ ኮምፖኔንት ወደ ልጅ በprops ይላኩታል።

ኮምፖኔንቶች የሚጠቀሙበት የሙሉ እና የተደጋጋሚ ኮድ እና የመተግበሪያ ሁኔታ አስተዳደር ቀላል ያደርጋሉ።