Javascript React-useState未立即更新数组的状态（React-native）

我举了一个简单的例子来解释我的问题：

---

在本例中，消息应在添加5时显示，但在添加5后的下一个事件中显示。我对反应还不太熟悉，所以我还没有真正理解钩子和状态，我看到了一些其他类似的问题，但因为我对反应完全不熟悉，所有这些东西对我来说都是一种压力，我只需要解决这个特定问题。

问题是useState和其他一些钩子是异步的，以提高性能。为了解决这个问题，你应该使用useEffect钩子，当某个变量的值发生变化时，这个钩子就会运行。

你能为我提供这个问题的解决方案吗，我不知道如何使用useEffect钩子。try:useEffect（（）=>{…do smth}，[…为了函数运行而应该改变的变量…]）。有关更多信息，请参阅文档