Kas ir state un props React izstrādes kontekstā?

State — tas ir komponenta iekšējais stāvoklis, datu kopums, kas var mainīties komponenta darbības laikā. State izmaiņas noved pie komponenta pārrenderēšanas.

Props — ir ārējie parametri, kas tiek nodoti komponentam no ārpuses, no vecāku komponenta. Props ir nemaināmi iekšā komponentā, kas tos saņem. Tie tiek izmantoti konfigurācijai un datu nodošanai no vecāka uz bērnu.

Galvenās atšķirības:

Īpašība	State	Props
Avots	Iekšējā komponentā	Nodots no ārpuses
Maināmība	Var mainīties	Iekšā nevar mainīties
Mērķis	Iekšējā skata pārvaldība	Datu un konfigurācijas nodošana

State izmantošanas piemērs:

import React, { useState } from 'react';

function Counter() {
  const [count, setCount] = useState(0); // State inicializācija

  return (
    <div>
      <p>Skrējiens: {count}</p>
      <button onClick={() => setCount(count + 1)}>Palielināt</button>
    </div>
  );
}

Props izmantošanas piemērs:

import React from 'react';

function Greeting(props) {
  return <h1>Sveiki, {props.name}!</h1>; // Props izmantošana
}

function App() {
  return <Greeting name="Pasaule" />; // Props nodošana
}