Component in React js

React Component Ka Introduction

React ek JavaScript library hai jo user interfaces ko build karne mein madad karti hai. Iska use karke hum interactive aur dynamic web applications bana sakte hain.

React Component Ki Structure

React component ek JavaScript function ya class hota hai jo ek part of UI ko define karta hai. Yeh components ek structure ke roop mein render hote hain jise hum HTML tags ke saath integrate karte hain.

React Component Code Example

  {`import React from 'react';

  const MyComponent = () => {
    return (
      

        
Yeh React Component Ka Heading Hai
        
Yeh ek paragraph hai jo React component ke andar display ho raha hai.
      
  );}

  export default MyComponent;`}
  

React Component Ke Components

React components ko samajhne ke liye hum unke main parts ko dekhte hain:

• JSX (JavaScript XML): Yeh ek syntax hai jisme HTML tags aur JavaScript ko combine karke ek component banaya jata hai.
• Props: Yeh wo values hoti hain jo ek component ke andar pass ki jati hain aur us component ki behavior ya display ko change karti hain.
• State: Yeh ek internal data structure hota hai jo component ki state ko track karta hai aur jab state change hoti hai to component re-render hota hai.
• Event Handling: React mein event handling kaafi efficient hai. Jaise ki button click ya input change events ko handle karna React mein asaan hota hai.