React 钩子 useState 和 Array答案

【问题标题】：React hooks useState with ArrayReact 钩子 useState 和 Array
【发布时间】：2021-02-07 19:28:59
【问题描述】：

如何在 useState 数组 React 钩子中推送新元素？我的代码不起作用！！只剩下 Last doc.data()

const [friends, setFriends] = useState([]);

db.collection('users').doc(user.email).collection('friends').onSnapshot(snapshot => (  
    snapshot.docs.map(doc => {
        setFriends(...friends, doc.data());
    })
))

【问题讨论】：

你能解释一下你的期望是什么，你有什么错误吗？

标签： reactjs react-hooks use-state

【解决方案1】：

这样做

这样你就确定你做对了

setFriends(prevFriends => [...prevFriends, doc.data()]);

【讨论】：

【解决方案2】：

只需将您的 setFriends 调用中的值括起来。这使它成为一个数组。

setFriends([...friends, doc.data()]);

【讨论】：