Ի՞նչ են state և props-ը React-ի զարգացման համատեքստում։

State — դա կոմպոնենտի ներքին վիճակն է, տվյալների հավաքածու, որը կարող է փոխվել կոմպոնենտի աշխատանքի ընթացքում: State-ի փոփոխությունը հանգեցնում է կոմպոնենտի նորից նկարագրման:

Props — դա արտաքին պարամետրեր են, որոնք փոխանցվում են կոմպոնենտին դուրսից, ծնողական կոմպոնենտից: Props-ը ներսում փոխել հնարավոր չէ: Դրանք օգտագործվում են կոնֆիգուրացիայի և տվյալների փոխանցման համար ծնողից դեպի երեխա:

Հիմնական տարբերությունները՝

Գծագիր	State —ը	Props —ը
Աղբյուր	Ներքին կոմպոնենտ	Փոխանցվում է դուրսից
Փոփոխականություն	Կարող է փոխվել	Չի կարող ներսում փոխվել
Մտադրություն	Ներքին տեսքի կառավարում	Տվյալների և կոնֆիգուրացիայի փոխանցում

State-ի օգտագործման օրինակ՝

import React, { useState } from 'react';

function Counter() {
  const [count, setCount] = useState(0); // State-ի սկզբնական արժեք

  return (
    <div>
      <p>Հաշվիչ: {count}</p>
      <button onClick={() => setCount(count + 1)}>Ավելացնել</button>
    </div>
  );
}

Props-ի օգտագործման օրինակ՝

import React from 'react';

function Greeting(props) {
  return <h1>Բարև, {props.name}!</h1>; // Props-ի օգտագործում
}

function App() {
  return <Greeting name="Աշխարհ" />; // Props փոխանցում
}