Выполнять код при изменении состояния (переменной)

Выполнять код каждый раз, когда идёт изменение состояния (переменной) можно через хук useEffect().

import { useEffect } from 'react';

function App() {

  useEffect(() => {
    // код при изменении любого состояния
  });

}

На примере выше useEffect() будет выполняться при изменении любого состояния. Если надо выполнять код при изменении указанного состояния, то данное состояние указывается во втором параметре useEffect().

import { useEffect, useState } from 'react';

function App() {

  const [name, setName] = useState("React");

  useEffect(() => {
    // код при изменении состояния "name"
  }, [name]);

}