როგორ შევინახოთ მნიშვნელობა კომპონენტში რენდერის გამოძახების გარეშე?

React-ში, კომპონენტში მნიშვნელობის შენახვა ისე, რომ რენდერი არ გამოიწვიოს, შეგიძლიათ გამოიყენოთ useRef ჰუკი. useRef-ში შენახული მნიშვნელობა ინახება რენდერებს შორის, მაგრამ ამ მნიშვნელობის ცვლილება არ იწვევს კომპონენტის ხელახლა რენდერებას.

მაგალითი:

import React, { useRef } from 'react';

function ჩემიკომპონენტი() {
  const countRef = useRef(0);

  const გაზრდა = () => {
    countRef.current += 1;
    console.log('მიმდინარე მნიშვნელობა:', countRef.current);
    // კომპონენტი არ განახლდება
  };

  return <button onClick={გაზრდა}>გაახალგაზრდავება</button>;
}

ამიტომ, useRef შესაფერისია ნებისმიერი მონაცემების შენახვისთვის, რომლებიც არ ზემოქმედებენ UI-ზე და არ საჭიროებენ რენდერს ცვლილების დროს.