Javascript 如何使状态钩子异步

我试图在用户单击时更改计数器的值
问题是状态不同步，因此计数器没有正确更新，并且延迟了一步

以下是国家：

const [state, setState] = useState({ count: 2, read: true });

const { count, read } = state;

用户首先单击一个元素，调用重置函数：

const onReset = e => {
  setState({ count: 0, read: false });
  getArticles(article.slug, count, count + 2);
};

然后，用户可以点击增加计数器的

加载更多

按钮

const loadMore = e => {
  if (read) {
    getArticles(article.slug, count, count + 2)
  } else {
   getTagArticles(article.slug, count, count + 2);
  }

  setState({ ...state, count: count + 2 });
};

如何使其异步，以便计数器不会延迟更新值？我应该使用全局变量而不是状态挂钩吗

谢谢