Как работать с реактивными переменными в React.js?

@linnea 

В React.js можно использовать реактивные переменные, используя библиотеку React Hooks. С помощью хука useState можно объявить переменную в компоненте, которая будет иметь реактивный эффект при изменении.

Например, следующий код создает компонент, который содержит кнопку и показывает количество нажатий на кнопку:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14

import React, { useState } from 'react';

function Button() {
  const [count, setCount] = useState(0);

  return (
    
      You clicked {count} times
       setCount(count + 1)}>
        Click me
      
    
  );
}

В этом коде используется хук useState с начальным значением 0. Переменная count содержит текущее значение количество нажатий на кнопку. Функция setCount используется для обновления значения переменной при каждом нажатии на кнопку.

Также можно использовать другие хуки, например, useEffect для реактивного эффекта при изменении переменной, useCallback для создания обработчиков событий и т.д.

Важно помнить, что использование реактивных переменных и хуков должно быть ограничено в пределах компонента, иначе это может привести к нежелательным эффектам.