在Firebase实时数据库中未清除的React本机挂钩

Question

setFlatList([])
firebase.database().ref('userData')
            .child(firebase.auth().currentUser.uid)
            .child(route.params.userid)
            .on('value', snapshot => {
                snapshot.forEach(data => {
                    ftFlatList.push(data.val())
                    setFlatList([...ftFlatList])
                })
            })

我正在使用此代码，我希望当数据库中有任何更改时，它将刷新我的单位列表并更新数据。但是当我在上面使用它时。它不会清除旧数据。我也用过setFlatList（[]） 在snapshot.foreach之前，但此列表未清除，并且在数据库更改时会再次触发，并获取更多数据，并与旧数据保持一致，所以请告诉我如何清除旧列表，以便可以获取新列表。