如何使用react钩子设置状态数组

Question

提前谢了。我有一个状态数组，如下所示。

我需要添加一个项目到状态数组，我发现我们不需要做状态突变。如何使用PrevState设置状态。

const [messages, setMessages] = React.useState(
        [
            {
                _id: 12,
                createdAt: new Date(),
                text: 'All good',
                user: {
                    _id: 1,
                    name: 'Sian Pol',
                }
            },
            {
                _id: 21,
                createdAt: "2019-11-10 22:21",
                text: 'Hello user',
                user: {
                    _id: 2,
                    name: 'User New'
                }
            }]
    )

如何调用set State以追加此状态数组。

像这样的东西？

setMessages(previousState => ({...stat

Answer 1

在列表末尾插入新元素

const addMessage = (newMessage) => setMessages(state => [...state, newMessage])

在列表开头插入新元素

const addMessage = (newMessage) => setMessages(state => [newMessage, ...state])