რა არის 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-ის გადაცემა
}