რა არის state React-ში და რა მიზნით გამოიყენება?

React-ში state არის ობიექტი, რომელიც ინახავს კომპონენტის მონაცემებს, რომლებიც გავლენას ახდენენ მის ჩვენებასა და ქცევაზე. ეს აუცილებელია იმისთვის, რომ კომპონენტები შეძლონ რეაგირება მოახდინონ მონაცემთა ცვლილებებზე და დინამიურად განაახლონ UI.

მაგალითად, თუ გაქვთ ღილაკი, რომელიც კლიკზე იცვლის ტექსტს, state ინახავს მიმდინარე ტექსტს და state-ის განახლებისას React-ის კომპონენტი ხელახლა გამოიწვევს:

import React, { useState } from 'react';

function Example() {
  const [text, setText] = useState('მომკლიკე ჩემზე');

  return (
    <button onClick={() => setText('გმადლობთ!')}>{text}</button>
  );
}

ამ გზით, state საშუალებას აძლევს შექმნათ ინტერაქტიული და დინამიური ინტერფეისები.