创建新对象时，使用React Context API更新组件

Question

我是React的新手，我正尝试在我要更新组件的教程中使用React Context API。最初，我使用json对象加载这些推文。在TweetForm组件中，提交表单后，我将使用setTweets函数在新对象之前添加此tweets数组。当我在控制台上记录推文数组时，它向我显示我的新推文已添加到该数组中，但我的推文未更新。

有人可以帮忙吗？下面是我在沙箱上的代码的链接。

Answer 1

在TweetForm.js函数的handleSubmit中，您必须使用传播运算符来设置新的tweet，如下所示：

setTweets([...newTweets]);

工作示例：Demo