Хук useState

Хуки - це просто спеціальні функції, за допомогою яких можна «підключитися» до різних можливостей React. Стан - це лише одна з їх можливостей, але ви зустрінете інші хуки пізніше. Якщо ви бажаєте використовувати хук, імпортуйте його в файлі компонента з бібліотеки React.

Єдиним аргументом для useState є початкове значення змінної стану. У цьому прикладі початкове значення clicks встановлено на 0 за допомогою useState(0)

Кожного разу, коли компонент рендериться, useState повертає масив, що містить два значення:

• Змінну стану (clicks) зі збереженим поточним значенням.
• Функцію встановлення стану (setClicks), яка може оновлювати змінну стану і викликати повторний рендеринг компонента.

import { useState } from 'react';

const App = () => {
	const [clicks, setClicks] = useState(0);

  const handleClick = () => {
		setClicks(clicks + 1);
  };

	return <button onClick={handleClick}>Current: {clicks}</button>
};