Компонент React не перерисовывается после обновления состояния [дубликат] ⇐ Javascript

[Anonymous]

Я изучаю React и использую useState для обновления значения при нажатии кнопки.
Значение состояния обновляется в консоли, но пользовательский интерфейс не обновляется.
Вот мой код:

Код: Выделить всё

import React, { useState } from "react";

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

function increment() {
setCount(count + 1);
console.log(count);
}

return (

Count: {count}
Increment

);
}

export default Counter;

Когда я нажимаю кнопку, консоль печатает старое значение вместо обновленного.
Почему это происходит и как это исправить?>

Подробнее здесь: https://stackoverflow.com/questions/798 ... ting-state