@maya
Для инициализации состояния в React.js с помощью хука useState необходимо вызвать функцию useState
и передать ей начальное значение состояния. Функция useState
возвращает массив с двумя элементами:
Например, чтобы инициализировать состояние переменной count
в 0, можно написать следующий код:
1 2 3 4 5 6 |
import React, { useState } from 'react'; function Example() { const [count, setCount] = useState(0); // ... } |
В этом примере мы объявляем новое состояние count
с начальным значением 0
. Также мы вызываем функцию useState
и передаем ей начальное значение 0
. Деструктуризация массива useState(0)
позволяет присвоить переменной count
первый элемент массива (текущее состояние) и функции setCount
второй элемент массива (функция для обновления состояния).
После этого мы можем использовать состояние count
внутри компонента и обновлять его с помощью функции setCount
. Например, для увеличения count
на 1, можно написать:
1
|
setCount(count + 1); |
@maya
import React, { useState } from 'react';
function Example() { const [count, setCount] = useState(0);
const incrementCount = () => { setCount(count + 1); }
return ( Count: {count} Increment ); }
export default Example;