如何在成功设置Firebase后在React中设置状态？
在成功设置Firebase后，在React中设置状态可以通过以下步骤实现：
- 首先，确保已经成功设置了Firebase并获得了Firebase的配置信息，包括项目ID、API密钥等。
- 在React项目中安装Firebase SDK。可以使用以下命令安装Firebase SDK：
- 在React项目中安装Firebase SDK。可以使用以下命令安装Firebase SDK：
- 在React组件中引入Firebase SDK并初始化Firebase。可以在组件的顶部引入Firebase SDK，并使用Firebase的初始化代码初始化Firebase：
- 在React组件中引入Firebase SDK并初始化Firebase。可以在组件的顶部引入Firebase SDK，并使用Firebase的初始化代码初始化Firebase：
- 在React组件中使用状态来存储Firebase数据。可以使用React的
useState钩子来创建一个状态变量，并使用Firebase的数据库API来获取和更新数据。以下是一个示例： - 在React组件中使用状态来存储Firebase数据。可以使用React的
useState钩子来创建一个状态变量，并使用Firebase的数据库API来获取和更新数据。以下是一个示例： - 在上面的示例中，我们使用
useState钩子创建了一个名为data的状态变量，并使用useEffect钩子在组件加载时获取Firebase数据并更新data状态。然后，我们在组件中使用data状态来显示Firebase数据。
这是一个基本的示例，你可以根据自己的需求和Firebase的功能进行进一步的扩展和优化。关于Firebase的更多信息和功能，请参考腾讯云的Firebase产品介绍页面：Firebase产品介绍。
相关·内容
登录时，重定向比从onAuthStateChanged()更新状态更快。你是如何处理这种行为的？ // firebase/index.js
import React, { createContext } from 'react'
import * as firebase from "firebase/app";
import "firebase/firestore";
import "firebase/auth";
const firebaseConfig = {
apiKey: process.env.REACT_A
浏览 18提问于2020-06-14得票数 0
回答已采纳
我正在使用包进行用户登录/向上注册。我所有的东西都在工作，除了我在成功的签到后无法让重定向开始工作。
StyledFirebaseAuth呈现为配置FirebaseUI Auth模型的SignIn组件的一个组件。
SignIn组件使用withRouter包装，以便当我收到成功回调时，可以访问history支柱并将其设置为'/‘
我确信登录是成功的，因为我看到signInSuccessWithAuthResult回调和我的onAuthStateChanged侦听器都在运行，取得了积极的结果。
编辑:似乎问题发生在电子邮件/密码提供商，但当使用谷歌作为登录提供商时，重定
浏览 0提问于2018-05-23得票数 4
回答已采纳
在我的登录响应组件中，我试图在我的助手文本中显示一个“错误的凭据”错误--但是在输入假凭据时，不会出现任何文本。对原因有什么建议吗？目前，我正在将错误消息推入数组中，将该错误赋值为state，然后在我的helperText支柱中引用该状态。下面是我的登录组件的代码：
import React from 'react'
import Header from './Header'
import TextField from "@material-ui/core/TextField";
import Button from '@material
浏览 1提问于2020-10-05得票数 0
回答已采纳
在我的react应用程序中，我成功地将客户详细信息存储在firebase数据库中。在成功执行此操作时，我遇到了使用UUID存储票证号码的问题。但是我在其他组件中生成UUID，并且在前端可见。为什么我不能把它藏在火炉里？
cardinfoSubmitHandeler = (e) => {
e.preventDefault();
this.setState({
infoDetails: false,
cardGenerate: true,
Passengerinfo: {
...this.state.Passengeri
浏览 3提问于2022-11-26得票数 0
回答已采纳
1回答
我正在尝试使用react本机导航从登录屏幕导航到我的产品页面。我正在使用防火墙进行身份验证。导航库是在我的app.js中设置的
我创建了一个onpress函数，它应该从登录屏幕导航到我的产品屏幕，但是我得到了这个错误。
console.error: The action 'NAVIGATE' with payload {"name":"Product","params":{"user":{"email":"me@me3.com","firstName":"co
浏览 5提问于2020-07-29得票数 0
回答已采纳
嘿，伙计们，我一直在试着解决这个问题，但没有成功。
当我在我的Mac OS上运行模拟器时，我目前正在用react-native创建一个项目。
在我不得不在"app.js“中有条件地呈现一些标签之前，我一直在编写这个应用程序。
这是在bug出现之前，它工作得很好：
import React, { Component } from 'react';
import firebase from 'firebase';
import { View, Text } from 'react-native';
import { Header, Butt
浏览 4提问于2017-07-11得票数 1
1回答
页刷新时，防火墙身份验证将消失。
、、、、
我有一个简单的反应应用程序使用防火墙身份验证。成功登录后，firebase:authUser存储在localStorage中。但是在每次刷新页面时，localStorage都会被清除，会话也会丢失。不过，浏览其他页面并不能清除localStorage。
下面是代码中的内容：
Index.js
import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import
浏览 4提问于2021-11-07得票数 4
回答已采纳
1回答
在成功登录后，我尝试将用户重定向回上一页，使用样式为firebase的身份验证ui。当我使用‘Login.js ()’时，组件history.goBack的代码不能很好地将用户重定向到上一个页面。下面是我的代码：
firebase.js
import firebase from 'firebase/compat/app';
import 'firebase/compat/auth';
import 'firebase/compat/firestore';
const firebaseConfig = {...};
const fireba
浏览 11提问于2022-05-08得票数 0
完整的警告消息:警告:无法在卸载的组件上执行React状态更新。这是一个no-op，但它表明您的应用程序中存在内存泄漏。要修复此问题，请在useEffect清理函数中取消所有订阅和异步任务。 这个警告并不是恒定的，它在任何时候都会显示出来。大多数时候是应用程序刚启动的时候。 export default class something extends React.Component {
_isMounted = false;
state = {
};
componentDidMount() {
this._isMounted = true;
fireb
浏览 13提问于2020-10-19得票数 2
回答已采纳
我试图在React上使用带有React redux-firebase的防火墙，当我试图访问state.firestore时，它会返回一个函数，而不是对象。我会附加初始化代码。
这是应用程序文件。
import React from "react";
import ReactDOM from "react-dom";
import "./index.styles.ts";
import * as serviceWorker from "./serviceWorker";
import Theme from "./compon
浏览 7提问于2020-10-05得票数 1
回答已采纳
我正在制作一个react本机应用程序，我正在使用firebase进行身份验证。我运行了此npm install firebase，它已成功安装，我也被添加到package.json文件中，但当我编写此import * as firebase from 'firebase'.It时，它会告诉我: can't resolve firebase.Firebase version : latest v9请帮助我。
浏览 1提问于2021-07-19得票数 0
我正在使用React和Firebase创建一个待办事项列表。到目前为止，我已经创建了AddToDo功能，但是现在我在删除功能方面遇到了问题。我相信这就是我的问题所在。例如，当我尝试并单击我设置的删除图标时，我得到一个错误： Unhandled Runtime Error
TypeError: Cannot read properties of undefined (reading 'id') 这是代码，如果它有帮助的话。AddLink.js import { useState, useEffect } from "react";
import classes
浏览 5提问于2021-09-13得票数 0
回答已采纳
我正在做一个使用Firebase和React钩子的项目。在加载web应用程序之前，我想通过运行如下所示的查询从Firebase中获取所有数据。 const [lists, setLists] = useState([]);
useEffect(() => {
const dataArray = [];
/** handleWidgets */
listsRef
.once('value', snap => {
snap.forEach(function(result) {
firebase
.d
浏览 16提问于2019-05-13得票数 0
回答已采纳
我是react & react-native的初学者。我正在使用react 16，react-thunk，react-redux。
我正在尝试从firestore中获取我已经创建的类别。首先，我使用connect()调用action，然后，我使用thunk输入action，也从firestore获取数据。最后，我在reducer中返回了新状态。当然，我不知道redux过程，所以请给我一些提示。
这是我的代码。谢谢。
CategoryImageList.js (组件)
...
class CategoryImageList extends Component {
component
浏览 40提问于2018-06-03得票数 0
回答已采纳
我使用reactjs和firebase数据库来存储“待办事项”。我可以成功地将对象存储在firebase数据库中。但是，如何在firebase数据库中更新特定的对象。
我的'to-do‘组件，我将对象存储在firebase数据库中。
import React, { Component } from 'react';
import { userRef } from '../firebase.js';
class Todo extends Component {
constructor(props){
super(pro
浏览 0提问于2018-02-23得票数 1
错误的防火墙在反应本地世博会..。
错误2022-10-07T15:34:49.615Z @firebase/防火墙: Firestore (9.6.11)：无法到达云修复后端。连接失败1次。最近的错误: FirebaseError: code= Permission :资源项目projectId上的权限被拒绝："jeries-database“。这通常表示您的设备目前没有健康的Internet连接。客户端将在脱机模式下运行，直到能够成功地连接到后端为止。
firebase.js
import firebase from "firebase/compat/app";
浏览 19提问于2022-10-07得票数 0
1回答
我对所有这些技术都很陌生，但据我所知，您可以使用React和Firebase而不使用react-redux-firebase。你可以用
react
react-native
redux
react-redux
react-native-firebase
然后从Firebase加载数据(例如Firestore)，并将数据放入还原器中，以便将其合并到redux存储中。
为什么我需要react-redux-firebase**?** ，它解决了什么问题？
我尝试过它的，但它们似乎是为已经熟悉其目标的人编写的。它们并没有真正解释，在阅读示例时，我不明白为什么我特别需要rea
浏览 0提问于2019-08-23得票数 3
回答已采纳
在用户成功登录后，我试图路由到'/‘。
目前，在我的Login.JS文件中，我有一个handleSubmit函数，它从表单中获得结果：
async function handleSubmit(e) {
e.preventDefault()
try {
setError("")
setLoading(true)
await login(emailRef.current.value, passwordRef.current.value)
his
浏览 12提问于2022-02-06得票数 0
回答已采纳
我正在使用FirebaseUI-身份验证。用电子邮件或谷歌账户登录是成功的，一点问题都没有，但登录Facebook过去是有效的，但最近却没有登录facebook。在尝试登录后，应用程序被卡在加载窗口上。我看不出有什么错误。
下面是我的firebaseui身份验证设置代码：
firebase.js
import firebase from 'firebase/compat/app';
import 'firebase/compat/auth';
import 'firebase/compat/firestore';
import 'fire
浏览 14提问于2022-08-31得票数 0
1回答
嗨，我正在尝试写一个导航栏组件。
有两个地方供用户在导航栏内登录。在navbar组件本身上&另一个名为settingMenu的组件，它也处理登录。设置菜单是可重用的组件，可以在整个项目中使用，因此我们在其中添加了一个登录按钮。
我面临的问题是用户何时从settingMenu登录。我想更新导航条状态。
最初，当应用程序中没有用户时，Navbar获得了LOGIN按钮。我想要的是当用户通过设置菜单登录时，我想要重新命名(导航条)&将LOGIN按钮更改为LOGOUT按钮，但这没有发生。
这是navbar组件
<Button
onClick={(event: R
浏览 1提问于2020-10-21得票数 0
1回答
我需要在通知钟中显示来自消防基地的未读消息的数量。当一条新消息到达时，我已经在我的网络application.But中显示了我的集合中的所有内容--我需要通过在通知钟.From中显示未读消息计数给用户一个反馈--我的理解是，我需要在firebase collection.Is中设置一个读/未读状态--还有其他方法在.From React web应用程序中显示未读消息的计数吗？
我正在使用npm的防火墙包来显示消息。
下面是我的firebase集合中的示例数据。
name:"John Doe",
message:"you got a new appointment"
浏览 0提问于2018-07-07得票数 1
我正在学习没有redux、mobx或任何其他库的react。我之所以不使用redux，等等，是因为有人告诉我，在使用库之前先使用redux是很重要的。我正在尝试从防火墙获取数据并呈现它，但是由于异步，我不得不呈现数据。我不能渲染，因为当我呈现的时候我没有得到数据。
我的是16，我练习使用消防系统。这是我的密码。
无论你给我什么建议，我都会感激你的。谢谢。
CategoryButtonSet.js
import React from 'react';
import CategoryButton from './CategoryButton';
import {t
浏览 0提问于2018-05-14得票数 1
回答已采纳
1回答
现在我正在使用带有Firebase的React Native来构建一个项目。逻辑很简单:我希望在loginUser()失败后在屏幕上显示错误消息。但是，由于last问题，在第一次登录失败时不会出现错误消息，因为loginUser还没有完成，而我最后一次成功登录时仍然会出现消息，因为登录成功状态没有改变。
onButtonPress() {
const { email, password } = this.props;
this.props.loginUser({ email, password });
this.renderError();
}
我向F
浏览 0提问于2018-04-27得票数 0
在用户通过gmail ID登录后，我想重定向到<Chats />组件。我也希望uid和userName作为道具发送到组件，但我无法重定向到该组件。我在承诺中尝试过<Navigate />，我也尝试过window.location.replace('')。<Navigate />似乎什么也不做，window.location.replace('')重定向，但是道具是空的，我不知道发生了什么，有人能帮忙吗？
这里是代码：
import React, {useState} from 'react'
import {
浏览 11提问于2022-05-17得票数 1
回答已采纳
1回答
这是代码
import React, { useState } from 'react';
import firebase from 'firebase';
const GoogleAuth = () => {
const [user, setUser] = useState({});
const [isSignedIn, setIsSignedIn] = useState(null);
var provider = new firebase.auth.GoogleAuthProvider();
provider.addScope(&
浏览 0提问于2020-08-16得票数 1
我用firebase连接了react，我可以在数据库中创建一个项目，并在控制台日志中接收它，而不是在屏幕上。我认为运行该函数并完成所有操作都会有一些延迟。
此时，我创建了一个函数，该函数读取数据库中的项，只有单击按钮时才会触发它。在控制台日志中，我得到了正确的数据，但我不能将它存储到一个变量中并显示在屏幕上，当我尝试使用这个函数时，屏幕仍然是空白的。
import React, {Component} from 'react';
import {Platform, StyleSheet, Text, View, Image, Button, ScrollView} from &
浏览 0提问于2019-10-02得票数 2
回答已采纳
编辑:请在下面找到我的完整组件代码。在useEffect上没有刷新“数据”状态...这是怎么回事！
我从useEffect中的firebase获取数据。在useEffect中，我使用useState将数据(数组)存储在状态中。我想在我的rfc render方法中使用这个数据，但首先需要减少()它。我试图在原始useEffect (与我获取数据的位置相同)、其他useEffect中，甚至在我的render方法中减少它。这些都不能真正做到。在reduce函数中，累加器参数保持为空。求求你，我真的需要一些帮助。
import React, { useState, useEffect } from
浏览 45提问于2019-05-21得票数 0
根据本指南，在调用实际的登录方法之前设置firebase身份验证状态持久性：
firebase.auth().setPersistence(firebase.auth.Auth.Persistence.SESSION)
.then(function() {
// Existing and future Auth states are now persisted in the current
// session only. Closing the window would clear any existing state even
// if a user forg
浏览 1提问于2018-05-22得票数 6
我使用FireBase作为数据库，使用Redux在react原生应用程序中获取数据。我希望在获取数据之前显示活动指示器。下面是我的代码Redux： export function getHome() {
const request = axios({
method: "GET",
url: `${FIREBASEURL}/home.json`
})
.then(response => {
const articles = [];
for (let key in response.data) {
ar
浏览 3提问于2019-09-30得票数 1
回答已采纳
我在使用firebase进行身份验证时出错。请参阅Metro控制台窗口中出现的以下错误：
错误错误:您的API密钥无效，请检查您是否已正确复制它。
在我的react-native run-android项目中运行React-Native时会发生这种情况。这个应用程序本身运行得很好，在运行项目的web版本时，我可以使用所有的功能(多亏了react-native-web)。
我在一个简单的配置文件中配置firebase：
import firebase from 'firebase/app';
import '@firebase/auth';
import
浏览 1提问于2021-08-15得票数 1
回答已采纳
如何在react-native中从firebase获取fcm token。目前我正在使用这些包
@react-native-firebase/app
@react-native-firebase/messaging
我的代码
const RegisterScreen = (props) => {
const [fcmToken, setfcmToken] = useState();
useEffect(() => {
messaging()
.getToken()
.then(token => {
return sa
浏览 1提问于2021-07-17得票数 0
下面的react代码在第一次运行时从Firebase获取数据快照。this.state.term引用my数据库中节点的索引。我的handleChoice函数执行一个this.setState，但是它似乎没有重新呈现这个组件来获取新的数据快照。
this.state.term的值在componentDidMount下不发生变化。但是，当我控制台将它记录在呈现中时，它就会记录下来。
import React, { Component } from 'react';
import NavBar from './navbar.js';
import TermInfo f
浏览 4提问于2016-12-04得票数 1
回答已采纳
1回答
当我试图基于onAuthStateChanged()方法在屏幕之间导航时，我的应用程序崩溃了，控制台上没有错误日志。
使用的导航包：“@ used导航/本机”："^6.0.6“、”@react-导航/堆栈“："^6.0.11"，
有人能帮我吗？
Loading.js
import React, { useEffect } from "react";
import firebase from '../config/firebase';
import { View, StyleSheet, ActivityIndicator, StatusB
浏览 2提问于2022-01-27得票数 -1
1回答
我正在使用React制作一个待办事项列表应用程序。我可以将数据保存到firebase数据库中。但是，我不知道如何检索这些数据并将其放入JSX中。我可以在控制台中打印它们。目前，我仅通过在栏中键入并按enter键来输出待办事项列表。
这是我的代码。有点乱。
import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import firebase from 'firebase';
var config = {
a
浏览 0提问于2019-03-15得票数 5
回答已采纳
我正在开发一个ExpoReact原生移动应用程序，我正在努力弄清楚如何在运行firebase.auth().signOut()方法后将用户重定向到登录屏幕。我想这是我在使用嵌套导航器时所不能理解的，但是我假设一旦我运行signout方法，我的AppNavigator.js useEffect函数就会在firebase.auth().onAuthStateChanged方法中捕捉到用户状态的变化，然后将屏幕重新呈现为正确的堆栈导航器。请帮助我了解如何让这个重定向正常工作，以及为什么我当前的构建不工作。 下面是我的主App.js文件、包含嵌套导航器的AppNavigator.js文件和Profi
浏览 17提问于2020-10-10得票数 0
回答已采纳
2回答
在我的react应用程序中，我从firebase检索一些数据，但是当我试图将这些项目存储在我的状态中时，它只存储履行承诺的第一项，
const HomePage = (props) => {
const [events ,setEvents] = React.useState([])
const fetchGames=async()=>{
const DB =await db.collection('game').get()
DB.docs.forEach(item=>{
setEvents([...events,item.d
浏览 12提问于2022-05-26得票数 0
回答已采纳
我对privateRoute有问题，它应该在签名之后重定向到主页，但是它一直重定向到'/ signin‘页面。如果我删除了PrivateRoute，我不确定我是反应新手，这是我第一次使用firebase来解决这个问题，我很抱歉，我的代码很混乱
import React, {useEffect, useState} from 'react'
import firebase from 'firebase'
import StyledFirebaseAuth from 'react-firebaseui/FirebaseAuth'
im
浏览 2提问于2021-08-24得票数 0
我已经被这个问题困扰了好几天了。基本上，我试图让Firebase记住用户，以便它在登录后保持登录状态。第一段代码是App组件(我在第一部分中删掉了一些与我的问题无关的必要代码)。第二个代码块，如果表单映射到Login和Signup。 TypeError: reactNativeRouterFlux.Actions.home不是函数 请告诉我如何才能在使用Firebase和React Native登录后永远保持登录状态 export default class App extends Component {
constructor() {
super();
this.s
浏览 59提问于2020-07-18得票数 0
我是新来的React JS。我正在尝试开发一个简单的网页，可以从云存储中渲染数据。我正在使用react-redux-firebase来获取数据。它工作得很好。现在，我希望从云函数中获取数据。我已经成功地部署了云函数。我甚至可以使用axios从云函数中获取数据。但我想使用react-redux-firebase。我搜索了很多，但没有找到一个例子。请帮帮我。
const firebase = getFirebase();
var animals = firebase
.functions()
.httpsCallable("getAllAnimal
浏览 26提问于2020-06-04得票数 2
我希望在我的所有屏幕上都能访问一个对象。我通过firebase返回的user对象。我从onAuthStateChanged方法中获得了该命令。如何让用户进入app.js并在所有屏幕上访问它？
这是根应用程序中的代码：
import React, { useEffect, useState } from 'react';
import { SafeAreaView, View, ActivityIndicator } from 'react-native';
import { createDrawerNavigator } from '@react-nav
浏览 0提问于2020-09-24得票数 0
1回答
当我按下代码中的保存时，这段代码就能工作了。但是，如果我在浏览器中刷新预览页面，它将显示以下错误:未处理的拒绝(FirebaseError)：使用无效数据调用的函数Query.where()。不支持的字段值:未定义
let { id } = useParams();
const [video, setVideo] = React.useState([]);
const [show, setShow] = React.useState([]);
const classes = useStyles();
React.useEffect(() => {
const fetchData
浏览 2提问于2021-03-17得票数 1
回答已采纳
我试图实现一个防火墙身份验证我的web应用程序与反应。
登录/输出流程是这样的。
在登录页成功登录的用户，重定向到主页.当未经身份验证的用户访问主页时，重定向到登录页
确认用户从登录重定向到主页，在主页单击“注销”按钮的用户被重定向到登录页。
但是，问题是当经过身份验证的用户在主页重新加载页面时，用户被重定向到登录页，然后重定向到主页。
我认为通过身份验证的用户不会重定向到登录页面。
我怎样才能解决这个问题？
我的密码如下：
FirebaseContext.tsx
import * as React from "react";
import { createContext, u
浏览 6提问于2020-05-12得票数 0
回答已采纳
当用户登录时，我正在初始化一个使用私有路由连接到Firebase的TS React应用程序。
在我刷新页面之前，一切似乎都很顺利。当我这样做，应用程序带我回到公共路线，这是一个登录页面。
我认为问题可能是设置为空的上下文的初始状态，但可能是另一个问题。
下面是我的用户上下文的代码：
import React, { useContext, useState, useEffect } from "react";
import firebase from "firebase/app";
import { auth } from "../firebase"
浏览 1提问于2021-05-19得票数 0
1回答
我在使用ApexChartJs作为我的react项目，但是当我试图从我的防火墙数据库中获取动态数据时，然后向我展示undefined。
下面是我的项目代码的一部分：
import React, { useEffect, useState } from "react";
import Chart from "react-apexcharts";
import { auth, db } from "./firebase";
import { useCollection } from "react-firebase-hooks/fir
浏览 6提问于2021-08-23得票数 2
回答已采纳
1回答
如何获得一个用户文档与反应火钩？
、、、、
每当我试图在我的云图集合“文档”中为用户的文档做一个挂钩时，我就会得到错误：
TypeError:无法读取null属性(读取'uid')
我认为这是因为当页面运行这段代码时，user.uid还没有加载。但是，我不知道如何让我的应用程序在创建这个钩子之前等待用户加载。
对于我正在使用的这个应用程序：
(TypeScript)Firebase Next.js v9React Hooks v4
const [user, loading, error] = useAuthState(auth);
// https://github.com/CSFrequency/react-f
浏览 2提问于2022-06-06得票数 1
2回答
我是一个反应本地的新手，在应用程序中的每个用户日志中存储数据都很困难
我已经成功地在我的应用程序中添加了Firebase google身份验证，这是一个trip应用程序。(我使用了react本机-防火墙库)
下面是流中的数据：
1. User chooses locations
2. User choose date, name
3. App generates a list of trips for users ( trips are stored in Redux, displayed by FlatList)
因为，我们只使用谷歌身份验证，我们还拥有该用户的令牌和Firebase身份验证
浏览 5提问于2020-04-05得票数 1
回答已采纳
1回答
嗨，我一直在尝试从React本地应用程序访问Firestore
我的试用码
import firebase from '@react-native-firebase/app'
import firestore from '@react-native-firebase/firestore';
import * as Actions from '../../../StateManager/Actions/ActionTypes'
export function getVersion() {
return async (dispatch) =
浏览 3提问于2020-05-26得票数 0
回答已采纳
1回答
我有一个使用firebase认证的react应用程序。
当一个人登录后，它会将他们重定向到一个图书页面。这是submitLogin处理程序
import { auth, firebase } from "./firebase";
async function googleLogin() {
const provider = new firebase.auth.GoogleAuthProvider();
await auth.signInWithPopup(provider).then(
async (result) => {
c
浏览 5提问于2022-03-29得票数 1
回答已采纳
我正在构建一个连接到Firebase的web应用程序，它对用户进行身份验证并存储post数据。网上似乎有很多关于使用Redux的文档，但是没有Redux的持久化状态的文档就不多了。
当用户刷新页面时，<App />的状态会被重置，因此我需要保留现有的状态/从Firebase检索它。一些文章建议使用本地存储来存储状态。但考虑到最佳实践，应该在本地存储什么?我的应用程序将所有的状态都存储在<App />中，并将所需的状态作为支持传递给相关组件。
下面两个示例假设用户已经通过身份验证，并且刚刚刷新了他们的页面。我们希望保留他们的会议，我们也希望：
例1：
应用程序加载并检
浏览 0提问于2017-09-24得票数 6
回答已采纳
我正在React.js中构建一个webapp，并试图将数据从子组件传回给父组件。我正在成功地将数据回传，但无法将相关数据提取为全局变量。我真的很感谢任何人的帮助。我知道我正在基于console.log返回正确的数据。
我正在尝试从'pull_data‘函数中提取’数据‘，并将它添加到全局的’年份‘变量中。
这是我的代码：
import React, { useEffect, useState, useContext } from "react";
import { useAuthState } from "react-firebase-hooks/auth
浏览 2提问于2022-08-16得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
