React өнүктүрүү контекстинде state жана props эмне?

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 өткөрүү
}