React'da state nima va u nima uchun kerak?

Reactда ҳолат — бу компонент маълумотларини сақлайдиган объект бўлиб, унинг кўрсатилиши ва ҳаракатига таъсир қилади. У компонентлар маълумот ўзгаришларига жавоб қайтариши ва UIни динамик равишда янгилаши учун зарур.

Масалан, агар сизда босганда матни ўзгартирувчи тугма бўлса, ҳолат ҳозирги матнни сақлайди ва state янгиланганда React компонентни қайта чизма:

import React, { useState } from 'react';

function Example() {
  const [text, setText] = useState('Менга босинг');

  return (
    <button onClick={() => setText('Раҳмат!')}>{text}</button>
  );
}

Шу тариқа, ҳолат интерактив ва динамик интерфейслар яратишга имкон беради.