如何在ReactJS中将Firebase Auth类组件生命周期转换为钩子useEffect？
在ReactJS中，你可以使用钩子函数useEffect来模拟Firebase Auth类组件的生命周期。Firebase Auth提供了一些方法和事件，可以在用户身份验证发生变化时触发。以下是将Firebase Auth类组件生命周期转换为钩子useEffect的步骤：
- 安装Firebase和React Firebase库： 首先，你需要在React项目中安装Firebase和React Firebase库。可以使用npm或yarn进行安装。
- 引入所需的模块： 在React组件中，使用import语句引入Firebase和React Firebase模块。
- 初始化Firebase： 使用Firebase提供的初始化代码，在组件的顶部初始化Firebase。
- 创建状态变量： 使用useState钩子创建状态变量，用于存储用户的身份验证状态。
- 模拟componentDidMount生命周期： 使用useEffect钩子函数模拟componentDidMount生命周期，传递一个空数组作为第二个参数。在这个钩子函数中，使用Firebase的onAuthStateChanged方法监听用户身份验证状态的变化，并将用户身份验证状态更新到状态变量中。
- 模拟componentDidMount生命周期： 使用useEffect钩子函数模拟componentDidMount生命周期，传递一个空数组作为第二个参数。在这个钩子函数中，使用Firebase的onAuthStateChanged方法监听用户身份验证状态的变化，并将用户身份验证状态更新到状态变量中。
- 在这里，我们创建一个名为unsubscribe的函数，用于取消对用户身份验证状态变化的监听。在组件卸载时，通过返回一个函数来执行取消操作。
- 模拟componentWillUnmount生命周期（可选）： 如果你需要在组件卸载时执行一些清理操作，可以在useEffect中返回一个函数来模拟componentWillUnmount生命周期。
- 模拟componentWillUnmount生命周期（可选）： 如果你需要在组件卸载时执行一些清理操作，可以在useEffect中返回一个函数来模拟componentWillUnmount生命周期。
通过上述步骤，你可以使用useEffect钩子将Firebase Auth类组件的生命周期转换为ReactJS中的钩子函数形式。这样，你就可以在React中实现Firebase身份验证的功能，并适应React的生命周期管理机制。
关于ReactJS、Firebase Auth和其他相关技术的详细信息，请参考以下链接：
- ReactJS官方网站：https://reactjs.org/
- Firebase官方网站：https://firebase.google.com/
- React Firebase库：https://www.npmjs.com/package/react-firebase
- useEffect钩子文档：https://reactjs.org/docs/hooks-effect.html
- useState钩子文档：https://reactjs.org/docs/hooks-state.html
相关·内容
我试图理解在useSelector中使用_bootstrapAsync的区别在于它以这种方式失败了
import React, { useEffect,useState } from "react";
import { useSelector } from 'react-redux'
import { ActivityIndicator, StatusBar, View, Text } from "react-native";
export default function authLoading({ navigation }) {
浏览 0提问于2019-12-09得票数 0
1回答
我有这个自定义钩子来从firebase获取当前用户：
import React, { Component, useEffect, useState } from 'react';
import { auth } from "../firebase/auth-service"
const useFirebaseAuthentication = (firebase) => {
const [authUser, setAuthUser] = useState(null);
try {
auth.onAuthStateChang
浏览 2提问于2021-01-13得票数 0
我正在尝试将以下类组件的firebase身份验证生命周期转换为钩子的useEffect方法。 class App extends React.Component {
state = {
user: null
};
unsubscribeFromAuth = null;
componentDidMount(){
this.unsubscribeFromAuth = firebase.auth().onAuthStateChanged((user) => {
this.setState({user: user});
});
}
component
浏览 7提问于2019-10-04得票数 1
回答已采纳
当我在navigate ReactJS中使用新的ReactJS函数时，它会使页面没有响应。我认为我的代码中有一个错误，因为当我将navigate react路由器-dom函数添加到一个按钮(如() => navigate('home') )中时，它可以工作。但是，当我将它添加到useEffect中时，它不能工作，页面就会变得没有响应。
如果有任何错误，请检查我的代码，因为我对此了解不多。
import React, { useEffect, useState } from 'react';
import './App.css';
imp
浏览 1提问于2021-11-29得票数 2
回答已采纳
我正在使用Firebase auth在一个反应应用程序。我得到的错误如下：
Uncaught : Firebase:名为“DEFAULT”的防火墙应用程序已经存在( App /复制-app)。
我正在尝试配置和初始化一个Firebase应用程序来使用Firebase。使用React类库组件没有任何错误，但是转移到React是一个挑战。
一个简单的例子说明了这个问题发生在哪里：
import React, {useState, useEffect} from 'react';
import './App.css';
import * as firebas
浏览 0提问于2019-09-05得票数 1
回答已采纳
我正在编写一段代码，观看Fireship.io ()的这段视频，用Firestore和Google在Firebase构建一个聊天应用程序。我得到了以下错误。我知道这个视频有点过时了，所以请帮我解决这个问题！！
错误信息: eslint src\App.js行26:16: React钩子"useAuthState“不能在顶层调用。必须在React函数组件或自定义React函数React /rules of Hooks中调用react。
由于版本兼容性问题，错误是基于Node中Firebase的使用。
完整法典：
import React from 'react'
im
浏览 3提问于2022-10-26得票数 -3
我有这个钩子： import { useEffect, useState } from 'react';
import { auth } from "../firebase/auth-service"
const useFirebaseAuthentication = () => {
const [authUser, setAuthUser] = useState(null);
useEffect(() => {
const unlisten = auth.onAuthStateChanged(
浏览 11提问于2021-01-22得票数 2
1回答
我目前正在开发一个多屏幕的应用程序。具体来说，我正在开发导航组件，该组件根据用户是否登录，将用户引导到登录屏幕或主屏幕。
要做到这一点，我正在使用钩子，反应导航和火基。我有一个跟踪用户的状态，这个状态是使用Firebase的onAuthStateChanged()更新的，它位于一个useEffect挂钩中。
import { useState, useEffect } from 'react';
import { NavigationContainer } from '@react-navigation/native';
import { createNativ
浏览 4提问于2022-06-09得票数 1
回答已采纳
我现在很困惑。学习js前端以及如何发出API请求。到目前为止，每当我进行API调用时，我总是使用一些东西来处理异步请求(axios或thunk)。
但现在我遇到了一个例子，我向Firebase/Firestore和yt视频提出了一个请求，我只使用了useEffect。没有任何async/await，比如：
useEffect(() => {
// snapshot - to check, if there is a change (like a new entry) in the database
db.collection('products').onSnaps
浏览 3提问于2020-12-03得票数 0
回答已采纳
2回答
我是新来的，我有个新项目。我创建了一个寄存器，使用firebase进行登录功能，一切都正常，但是当我尝试打开一个新页面时，例如，当用户被记录时，仪表板就会出现这个错误。
ReferenceError: navigate is not defined
我是新来的反应路线，有什么问题吗？
import React, { useEffect, useState } from "react";
import { Link, useNavigate } from "react-router-dom";
import { auth, logInWithEmailAndPas
浏览 10提问于2022-07-07得票数 0
回答已采纳
我跟随在我的react应用程序中实现身份验证，但我使用的是功能组件和钩子。我应该如何实现componentDidMount()和componentWillUnmount()
下面是我在Login.jsx组件中的代码：
import React, { useState, useEffect } from 'react'
import StyledFirebaseAuth from "react-firebaseui/StyledFirebaseAuth";
import firebase from "firebase";
// Configu
浏览 0提问于2020-02-26得票数 2
回答已采纳
我正在开发一个应用程序，其中我使用Firebase作为应用程序的身份验证系统，当我尝试实现应用程序的路由时，我开始收到上面的标题错误。 我使用withRouter函数来封装我的应用程序组件。 因此，我的App.tsx文件的代码如下： import React, { FC, useEffect } from "react";
import { useDispatch, useSelector } from "react-redux";
import {
Route,
Switch,
useHistory,
withRouter,
Browse
浏览 37提问于2021-09-12得票数 3
回答已采纳
1回答
我正在使用React为网站构建一个管理面板，并使用Firebase作为身份验证系统(和数据存储等)。
我经历了几个私有路由版本，但最终确定了一个似乎与Firebase最有效的版本。然而，有一个小问题。它在用户登录时运行良好，根据Firebase Auth文档，默认情况下，它应该缓存用户。
但是，如果我登录，然后关闭选项卡并在一个新的选项卡中重新打开它，我就会弹出回登录页面(如果用户没有登录就应该这样)。
我正在通过节点在本地主机上运行站点，但这可能并不重要。一个console.log报告说，用户实际上已经登录，但无论如何都会被踢回。所有内容都封装在一个useEffect中，它监视LoggedI
浏览 3提问于2022-04-25得票数 1
回答已采纳
我有一个使用firebase进行身份验证和其他工具的react应用程序。在某个页面上，我检查用户是否使用firebase.auth().currentUser;登录&也尝试使用firebase.auth().onAuthStateChanged，但它将我重定向到登录页面，指示我没有登录，而我只是登录了。 以下是我到目前为止尝试过的代码： const [user, setUser] = React.useState(firebase.auth().currentUser);
firebase.auth().onAuthStateChanged(function(user) {
浏览 12提问于2019-09-20得票数 1
我想了解为什么没有useEffect函数的情况下不能正常工作AbortionController.abort钩子。
我在app.js中有一个嵌套的路由，类似于：
<Route path='/profile' element={<PrivateRoute />}>
<Route path='/profile' element={<Profile />} />
</Route>
而不是两个组件: PrivateRoute：
import { Navigate, Outlet } from 'r
浏览 5提问于2022-02-18得票数 0
回答已采纳
我有一个定制的钩：
import React, { useState, useEffect } from 'react';
import firebase from "../../firebase";
export default function useCurrentUserDetails() {
const uid = firebase.auth().currentUser?.uid;
const [data, setData] = useState(null);
useEffect(() => {
if (
浏览 2提问于2021-02-10得票数 0
我有条路
<Route path="/Profile" element={<Profile />} />
当我进入'‘时，Profile组件将分别获得id查询参数和呈现用户数据。但是当我尝试使用useNavigate导航到另一个用户时
navigate(`/Profile?id=${userId}`)
它只是更改了URL (')，也没有重新加载页面和新用户数据。那么你能告诉我为什么以及如何修复它吗。
更新:配置文件组件类似于
let location = useLocation();
let query = new URLSearchPa
浏览 9提问于2022-07-23得票数 1
我使用了一个在app.tsx中声明为functional component的全局变量，如下所示
const App = () => {
useEffect(r => global.some = 'anything')
}
我在其他functional component中使用这个全局变量，就像这样
const SomeComponent = () => {
useEffect(r => console.log(some)) //annything
}
但是当我在class component中使用它时，我给出了一个名为unexpected token的
浏览 2提问于2020-05-07得票数 0
2回答
我正在尝试在我的类中设置useEffect挂钩(用于监听路由更改)，其定义如下-
export default class AppManger extends Component{
//constructor
//componentWillMount
//reneder
//...
}
我的其他钩子已经定义好了，并且可以正常工作，但是当我尝试定义useEffect时-
useEffect(() => {
const { pathname } = location;
console.log('New path:'
浏览 2提问于2020-05-20得票数 2
我有一个非常基本的自定义钩子，它接受从firebase返回文档的路径
import React, { useState, useEffect, useContext } from 'react';
import { FirebaseContext } from '../sharedComponents/Firebase';
function useGetDocument(path) {
const firebase = useContext(FirebaseContext)
const [document, setDocument] = use
浏览 0提问于2019-11-27得票数 27
4回答
关于新提出的
效果挂钩(useEffect())?Why的优点和用例是什么?它会更好吗?它与componentDidMount/componentDidUpdate/componentWillUnmount (performance/readability)?有什么不同？
文件指出：
在函数组件的主体(称为React的呈现阶段)中不允许突变、订阅、计时器、日志记录和其他副作用。
但是，我认为在生命周期方法(如componentDidUpdate等)中使用这些行为已经是常识，而不是呈现方法。
还有人提到：
传递给useEffect的函数将在呈现提交到屏幕后运行。
但这难道不是componen
浏览 5提问于2020-09-28得票数 0
我正在用vue和firebase制作一个聊天应用程序，需要调用一个函数来在加载后为接收到的数据添加样式。是否有一些钩子可以从firebase获取以供监听，或者当所有聊天消息都已呈现时，我可以监听DOM吗？我读到过你可以在“挂载”中做一些事情，但我不明白。也许这只是为了vue，也许不是那么多的火库数据？
这是我的建议：
import * as firebase from 'firebase'
export default {
name: 'chat',
data: function(){
return {
浏览 0提问于2018-07-14得票数 0
通过使用React，我有以下使用useEffect()的功能组件
import React, { useEffect } from 'react';
import { connect } from 'react-redux';
const MessagingComponent = React.memo(({ loadMessages, messages, ...props }) => {
useEffect(() => {
loadMessages();
});
return <div {...props}>Th
浏览 1提问于2019-04-03得票数 20
回答已采纳
在没有依赖项的useEffect内部的代码与简单的useEffect之外的代码之间，我遇到了麻烦。
例如，一个简单的例子：
const func1 = () => {
console.log("Apple")
useEffect(() => {
console.log("Banana")
})
return (//...JSX)
}
我相信Apple和Banana在重呈现时都会被调用，那么为什么要使用useEffect呢？
我听到的标准答案是，每次重呈现时都会调用Apple，但只有在状态/支柱发生变化时才会调用Ban
浏览 4提问于2019-12-12得票数 6
回答已采纳
我正在使用Firebase实时数据库的一个网站，我正在开发与反应。在useEffect方法中，我使用Firebase的get方法从数据库接收所有数据，当我从主页切换回显示数据的页面时，它会工作，但是当我刷新页面时，它不能工作。我尝试使用异步等待函数，console.logging我能想到的一切，并重写整个代码。
这是我的useEffect方法，它获取以前保存到数据库中的输入。如果我从“日志”路由器页面切换到主页并返回，它将正确加载，但如果我刷新页面，它将无法正确加载。当我刷新时，它会console.logs 'No Data‘，但我知道数据的存在，因为当我在路由器页面之间切换时，它确实
浏览 7提问于2022-09-26得票数 0
1回答
在我的React应用程序中，我已经配置了使用社交媒体、电子邮件和密码登录。登录有效，但重定向到主页的操作失败。在控制台中，我得到以下错误：
Warning: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in a useEffect cleanup functio
浏览 8提问于2021-07-21得票数 0
回答已采纳
我第一次用钩子测试了防火墙，并遇到了众所周知的无限循环问题。
我知道还有很多其他的问题可能与这个问题很接近，但我仍然无法在这种情况下回避这个问题。
在这里，App.js上的代码：
import React, { useState, useEffect } from 'react';
import { auth, createUserProfileDocument } from './firebase/firebase.utils';
function App() {
const [user, setUser] = useState(null);
us
浏览 1提问于2020-06-09得票数 2
回答已采纳
1回答
我试图做以下工作，但似乎无法获得最合适的解决方案:在我的React ()的顶层，我正在加载防火墙和消防站。我有一个反应上下文，我的信息存储在其中。auth上下文不是立即加载的，而是在一段时间后加载的。我正在使用onAuthStateChanged (从消防基地)等待它。我的代码如下：
const firebase = new Firebase(); //custom class, instantiates firebase
const [authData, setAuthData] = useState({
firebase,
user: null,
isInitializing:
浏览 0提问于2019-09-03得票数 4
回答已采纳
在类组件中，我们使用componentDidMount，componentDidUpdate生命周期方法来更新状态。(前)
componentDidMount() {
document.title = `You clicked ${this.state.count} times`;
}
componentDidUpdate() {
document.title = `You clicked ${this.state.count} times`;
}
它在每个呈现(ComponentDidUpdate)之后运行，包括第一个呈现(ComponentDidMount)。在useEf
浏览 1提问于2019-08-05得票数 5
回答已采纳
class PostIndex extends Component {
//define state
const [posts, setPosts] = useState([]);
//useEffect hook
useEffect(() => {
//panggil method "fetchData"
fectData();
}, []);
//function "fetchData"
const fectData = async () => {
浏览 10提问于2022-06-07得票数 0
下面是错误。
无效钩子呼叫。钩子只能在函数组件的主体内调用。这种情况的发生有以下原因之一：
您可能有React的不匹配版本和呈现器(例如React )，您可能正在违反Hooks的规则，您可能在同一个应用程序中有多个React副本。
有关如何调试和修复此问题的技巧，请参阅(我无法添加链接)。
您可能有React和呈现器(例如renderer )的不匹配版本
这是我的密码。这是违反了钩子的规则，还是其他的问题？
import React, { useEffect } from 'react';
import PropTypes from 'prop-types';
浏览 8提问于2022-04-22得票数 1
我正在尝试将类组件转换为带有钩子的功能组件，但在如何使用ComponentWillReceiveProps的等效生命周期方面，我遇到了一个挑战。
登录表单:类组件：
class Login extends Component {
constructor() {
super();
this.state = {
emial:"",
password: "",
errors: {}
};
}
componentDidMount() {
window.history.pushState(null
浏览 1提问于2021-02-24得票数 0
回答已采纳
1回答
我正在用ReactJS.For编写简单的待办事项应用程序现在我正在添加我设法实现.post方法的路由，但现在我被.get方法卡住了，它被循环并一遍又一遍地呈现。这就是我要做的。 state = {
inputValue: '',
todos: [],
currentPage: 1,
pageCount: 1,
itemsPerPage: 10,
};
getAll = () => {
let {todos} = this.state
axios
.get("http://localhost
浏览 25提问于2020-06-12得票数 0
回答已采纳
3回答
如何解决行31:6: React缺少依赖项：“fetchUserName”和“历史”。要么包含它们，要么删除依赖数组react/详尽的-deps？我解决不了。我正在使用Firebase进行身份验证。请救救我！
import React, { useEffect, useState } from "react";
import { useAuthState } from "react-firebase-hooks/auth";
import { useHistory } from "react-router";
import "./Dash
浏览 10提问于2021-10-02得票数 0
我想实现以下目标。redux中的操作将导入到此组件中。它从firebase数据库中获取数据。数据显示在此组件中。我的问题是，由于优化，每次挂载组件时都会获取数据。我想阻止这种行为。我希望这个只获取第一次组件是渲染，而不是更多。当然，它应该在数据更改时获取，否则不会。我使用了useCallback，但是在下面的代码中肯定有错误。当用户通过身份验证时，会传递令牌和Id。 import { fetchFavs } from "../../store/actions";
import { useSelector, useDispatch } from "react-redux
浏览 76提问于2021-03-01得票数 -1
回答已采纳
在我的后端(仅用于获取信息的nodejs )中，数据将很好地返回。
但是我必须填充在响应中返回的数据。
以显示用户的名称，而不是他的ID
响应以下列形式返回
当我尝试访问用户名(在本例中为realName)时，在我的react应用程序中，会出现一个问题，如这个问题的标题中所示。
我附上所有的信息，如果有人需要更多的信息，请不要犹豫。
这个钩子
import React, { useEffect, useState } from "react";
import { useSelector, useDispatch } from "react-redux"
浏览 10提问于2022-11-28得票数 -2
1回答
Firebase版本：8.10.0
项目：Next JS with Typescript
我要怎么发送：
const logClickEvent = useCallback(
(eventName: string, eventParams?: { [key: string]: any }) => {
if (typeof window !== "undefined") {
analytics().logEvent(eventName, eventParams)
}
},
[]
)
我使用谷歌分析调试器接收到的信息：
正如您所看
浏览 3提问于2022-07-15得票数 3
我使用Firebase来跟踪所有的用户。我能连接Firebase。用户注册工作正常。
我在记录用户时有问题。当我输入登录名和密码时，应用程序不会将我重定向到右边的屏幕，也会抛出这个警告[Unhandled promise rejection: TypeError: navigation.navigation is not a function. (In 'navigation.navigation("myProfile")', 'navigation.navigation' is undefined)]
我就是这样做的
import { useN
浏览 4提问于2022-03-12得票数 1
回答已采纳
1回答
在添加firebase setDoc代码之前，将显示网页。我已经排除了呈现标记，因为当它被包含时，当我在添加一个呈现标记时，我会得到一个错误，声明“不能用作JSX组件。它的返回类型'void‘不是一个有效的JSX元素。”此代码将用户使用单选按钮选择的选项发送到firebase。提前谢谢。
function RoleDecision(this: any) {
let { user } = useUser();
let { firestore } = useFirebase();
let onValueChange = async (e: { target: { value:
浏览 6提问于2022-10-03得票数 0
回答已采纳
我有一个在组件中初始化wowjs的useEffect，如下所示： import WOW from "wowjs";
const HomePage = () => {
useEffect(() => {
const wow = new WOW.WOW({
boxClass: "wow",
animateClass: "animated",
offset: 0,
mobile: false,
live: true,
scr
浏览 10提问于2020-01-16得票数 0
回答已采纳
我有几个一般性的问题，我想得到一个答案…我自己在以下方面做了研究：
·firebase文档在设置firebase、redux、react状态时几乎没有成功。
·我知道firebase youtube频道的React和firebase设置的两部分视频系列，但没有任何关于将redux集成到该生态系统的内容。
·这个youtube上的视频已经有两年多的历史了，我不知道它们是否仍然适用()。
·我发现了一些与这种类型的设置相关的教程，但对我来说，它们似乎非常固执己见，我不知道这些设置是最优的还是具有反模式的(、 --直接来自参考资料部分中的redux文档，我可能是错的，但它似乎没有得到维护，其他的：，
浏览 23提问于2019-03-29得票数 -1
回答已采纳
1回答
我想用这个列表来表示seData和setUserData。我使用数据来映射用户列表并显示在表上。我正在使用userData获取不同组件中的用户信息。这会导致无限循环。
import { useState, useEffect, useContext } from 'react';
import { collection, onSnapshot } from 'firebase/firestore';
import { db, auth } from '../../firebase';
import { UserContext } from
浏览 6提问于2022-06-06得票数 0
1回答
我用reactjs构建了一个项目，它需要auth，所以我试图将它连接到firebase，因为它是比较简单的方法。
我一直在关注youtube上的一篇演讲，但他的方式并不适合我
这是我的代码：
firebase-config代码：
import { initializeApp } from "firebase/app";
import { getAuth, onAuthStateChanged } from "firebase/auth";
import firebase from "firebase/compat/app";
import
浏览 9提问于2022-10-11得票数 0
回答已采纳
我的问题是，function将检查我的页面的第一个路由，然后将运行useEffect()函数。这给我带来了一个问题。我要做的是首先运行useEffect()，以便从本地存储中获取数据。特定的数据“决定”在哪个页面我的应用程序将重定向。
这就是主要的App.js
function App() {
const [user, setUser] = useState({id:null,authorized:false});
useEffect(() => {
const aUser = JSON.parse(localStorage.getItem("user"
浏览 4提问于2020-12-29得票数 0
背景
我正在构建一个带有Reactjs和Firebase后端/ auth的web应用程序。我有设置和AuthContextProvider，并使用反应路由器导航。
问题
没有一条路线能解决问题。
码
// App.js
import React from "react";
import {
BrowserRouter as Router,
Route,
Link,
Redirect,
} from "react-router-dom";
import { AuthContextProvider, useAuthState } from "
浏览 1提问于2021-09-29得票数 1
回答已采纳
1回答
我目前正在尝试将一些钩子转换成类组件中的React。我试图重新创建允许会话存储的代码，这样应用程序就不需要那么多地从API中获取。以下是代码：
useEffect(() => {
if(sessionStorage.homeState){
// console.log("Getting from session storage");
setState(JSON.parse(sessionStorage.homeState));
setLoading(false);
}e
浏览 1提问于2020-02-19得票数 0
回答已采纳
import React, { useEffect, useState } from "react";
import { connect } from "react-redux";
import { Redirect } from "react-router-dom";
import firebase from '../../config/firebaseConfig'
import SingleEventSummary from './SingleEventSummary'
import { getEve
浏览 2提问于2019-11-24得票数 2
回答已采纳
我只尝试从firebase中拉出一次数据。通过这段代码，它可以订阅并观察更改，并实时更新值。
this.profileData = this.fire.authState.switchMap(auth => this.db.object(`profile/${auth.uid}`).snapshotChanges().map(action => {
const $key = action.payload.key;
const data = { $key, ...action.payload.val() };
return data;
}
浏览 11提问于2017-10-23得票数 0
1回答
如何传递这个组件？
、、、、
我想在我最喜欢的组件中显示“最喜欢的”项目。但是，由于我不能将postList组件传递给收藏夹组件，所以我不知道如何实现它。
基本上，我希望在另一个页面/组件中显示这个最喜欢的项，而不是home.js。
Home.js
import React, { useState, useEffect } from "react";
import { getDocs, collection, deleteDoc, doc } from "firebase/firestore";
import { db, auth } from "../
浏览 5提问于2022-02-26得票数 0
我正在将用户配置文件映像上载到firebase存储中，然后用updateProfile()更新auth用户的updateProfile()值。之后，我希望用户在不手动刷新页面的情况下得到更新。我已经尝试了好几天了，每当我尝试调试它时，这个问题就变得更奇怪了。
有趣的是，在实现了console.log(currentUser)的then承诺之后，当我用updateProfile()记录它时，用户对象似乎已经被更新了。因此，新的photoURL已经出现在currentUser对象中。但它似乎没有调用状态更新或console.log("!!!!currentAuthUserUpdate
浏览 8提问于2022-02-07得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
