@jensen
В React.js для хранения промежуточных данных можно использовать состояние (state) компонента. Состояние представляет собой объект, который содержит значения переменных, которые могут изменяться во время работы приложения.
Для объявления состояния в компоненте используется функция useState
из библиотеки React. Она возвращает массив, где первый элемент содержит текущее значение состояния, а второй элемент - функцию для обновления состояния.
Пример использования состояния в React.js:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 |
import React, { useState } from "react"; function MyComponent() { // объявляем состояние const [count, setCount] = useState(0); const increment = () => { setCount(count + 1); }; const decrement = () => { setCount(count - 1); }; return ( <div> <p>Count: {count}</p> <button onClick={increment}>Increment</button> <button onClick={decrement}>Decrement</button> </div> ); } export default MyComponent; |
В примере компонент MyComponent
содержит переменную count
, которая инициализируется значением 0 с помощью useState(0)
. Функции increment
и decrement
обновляют состояние переменной count
с помощью setCount
.
Таким образом, переменная count
в данном примере является промежуточным значением, которое изменяется во время работы компонента.