Ответ
import React, { useState } from 'react';
function Counter() {
// Локальный стейт компонента
const [count, setCount] = useState(0);
const increment = () => setCount(prev => prev + 1);
const decrement = () => setCount(prev => prev - 1);
return (
<div>
<p>Count: {count}</p>
<button onClick={increment}>+</button>
<button onClick={decrement}>-</button>
</div>
);
}
Локальный стейт лучше использовать когда:
- Данные нужны только в одном компоненте
- Нет необходимости делиться состоянием с другими компонентами
- Состояние простое и не требует сложной логики обновления
Redux стоит использовать для глобального состояния, которое нужно многим компонентам или требует сложных обновлений.