3
带有React Hooks的Firebase监听器
我试图弄清楚如何使用Firebase侦听器，以便使用React Hook更新来刷新云Firestore数据。 最初，我使用带有componentDidMount函数的类组件来获取Firestore数据。 this.props.firebase.db .collection('users') // .doc(this.props.firebase.db.collection('users').doc(this.props.firebase.authUser.uid)) .doc(this.props.firebase.db.collection('users').doc(this.props.authUser.uid)) .get() .then(doc => { this.setState({ name: doc.data().name }); // loading: false, }); } 当页面更新时，该中断了，因此我试图弄清楚如何移动侦听器以响应挂钩。 我已经安装了react-firebase-hooks工具-尽管我不知道如何阅读说明才能使其正常工作。 我有一个功能组件，如下所示： import React, { useState, useEffect } from 'react'; import { useDocument } from 'react-firebase-hooks/firestore'; import { BrowserRouter as Router, Route, Link, Switch, useRouteMatch, } from 'react-router-dom'; …