使用 React Hooks 限制 Firebase 次重新渲染

Question

我有一个 Firebase 实时数据库，我想通过映射列表来显示记录。

到目前为止我有：

useEffect(() => {
        dbRefObject.on('value', snap => getRecords(snap.val()))
      }, [dbRefObject, records])

在其他地方我有：

export const dbRefObject = firebase.database().ref().child('record');

我的 getRecords() function 是：

const getRecords = (snap) => {
        let _recordsMap= []
        for (let record in snap) {
            _recordsMap.push({[record] : snap[record]})
        }

我想要某种行为，例如 useEffect 返回的 unsubscribe() function，但我无法让它工作？

useEffect(() => {
        const unsubscribe = () => {dbRefObject.on('value', snap => getRecords(snap.val()))}
        return () => {
            unsubscribe()
        }
      }, [dbRefObject, records])

Answer 1

你需要调用 dbRefObject.off("value", originalCallback);

检查https://firebase.google.com/docs/database/admin/retrieve-data#section-detaching-callbacks