为什么这不能在更改用户名时自动渲染。从react中的firebase获取
在React中使用Firebase时，如果希望在更改用户名时自动渲染，需要注意以下几点：
- 实时更新数据：首先要确保在Firebase数据库中存储了用户名，并且在React组件中订阅了该数据。可以使用Firebase提供的实时数据库功能（例如Firebase Realtime Database）或者使用Firebase的其他数据存储解决方案（如Firestore）。
- 组件状态管理：在React中，通过使用状态来管理数据的变化以及在组件中重新渲染的触发。可以使用React的useState或者Redux等状态管理库来跟踪用户名的变化。
- 监听数据变化：可以通过Firebase提供的监听机制，比如实时数据库的on方法或Firestore的onSnapshot方法，监听用户名数据的变化。当数据发生改变时，触发相应的回调函数来更新组件的状态，从而触发重新渲染。
- 渲染用户名：在React组件中，通过读取状态中存储的用户名数据，将其渲染到相应的位置。
综上所述，当更改用户名时，需要确保数据的实时更新、正确的状态管理、对数据变化的监听以及正确的渲染逻辑。这样才能在React中使用Firebase实现自动渲染更改用户名的功能。
腾讯云提供了一系列与云计算相关的产品和服务，其中包括数据库、服务器运维、云原生、网络通信、网络安全、人工智能等。您可以根据具体的需求选择相应的产品和服务。以下是一些腾讯云产品的介绍链接：
- 数据库：腾讯云数据库（https://cloud.tencent.com/product/cdb）
- 服务器运维：腾讯云云服务器（https://cloud.tencent.com/product/cvm）
- 云原生：腾讯云容器服务（https://cloud.tencent.com/product/tke）
- 网络通信：腾讯云私有网络（https://cloud.tencent.com/product/vpc）
- 网络安全：腾讯云Web应用防火墙（https://cloud.tencent.com/product/waf）
- 人工智能：腾讯云人工智能（https://cloud.tencent.com/product/ai）
请注意，这里提供的是腾讯云的一些产品介绍链接，仅供参考。如需更详细的产品信息和具体的应用场景，请参考腾讯云官方文档或咨询腾讯云官方客服。
相关·内容
当一个用户SignUP时，我想在标题中显示他的名字，但它显示为空，当我刷新页面时，它显示正确的名称。为什么这不是自动渲染更改用户名。
浏览 17提问于2021-10-10得票数 0
您好，我正在使用react原生中的这个函数从firebase中检索数据，当节点标题为1或任何其他数字时，它工作得很好。但是当我使用push和firebase时，它会自动生成一个类似Kth6q9p8njLyfwbuyL5的id，这就是我不能在react原生中检索的时候。有人知道为什么吗？感谢你的
浏览 1提问于2017-09-11得票数 0
在Android上，我可以获取和处理像这些代码那样的“数据仅限消息”。bgMessaging.jsimport firebase from 'react-native-firebase';import type{ RemoteMessage } from 'react-native-firebase';
export def
浏览 1提问于2019-11-02得票数 1
1回答
我正在尝试从firebase-firestore获取用户名和头像。但是，当我更新状态并尝试键入新值时，它会一直返回到旧值。 我基本上是让用户按下编辑配置文件并更改他们的用户名。由于userName状态的原因，当前用户名显示在文本字段中，但不允许我更新它。它一直在重置。我敢肯定这是一个小小的简单的解决办法 import React,{useStat
浏览 16提问于2020-08-16得票数 0
回答已采纳
1回答
我正在尝试从firebase获取数据。我能够获取数据并更新状态，但在React上下文提供程序中呈现后，状态返回undefined。我尝试使用一些生命周期方法，如componentWillMount或调用我的fetchData函数或构造函数，因为它在渲染之前被调用，但都不起作用。下面是我的代码。import React, { Component } from 'react';
im
浏览 14提问于2020-11-24得票数 0
我用firebase连接了react，我可以在数据库中创建一个项目，并在控制台日志中接收它，而不是在屏幕上。我认为运行该函数并完成所有操作都会有一些延迟。此时，我创建了一个函数，该函数读取数据库中的项，只有单击按钮时才会触发它。在控制台日志中，我得到了正确的数据，但我不能将它存储到一个变量中并显示在屏幕上，当我尝试使用这个函数时，屏幕仍然是空白的。} from '
浏览 0提问于2019-10-02得票数 2
回答已采纳
1回答
我对React Native代码构建是个新手。下面是我的React Native代码，用于从Firebase获取数据。onLoad() }, [isLoading])
} 每次渲染时，我都需要刷新当前组件，以便从firebase中<
浏览 13提问于2021-05-04得票数 0
回答已采纳
我有一个组件，它的属性由父组件设置。父组件会定期更改，但子组件的道具不会更改。NEXT STATE ====================answer = true
因此，从一次调用到下一次调用，state和props是严格相等的，但是这个组件的render()函数一直在被调用。请注意，此shouldComponentUpdate()仅用于测试-如
浏览 0提问于2017-11-30得票数 0
我在下面的代码片段上进行实验，以了解React useState和useEffect挂钩的行为。const [foo, setFoo] = React.useState<boolean>(true); console.log("Settingstate foo to false ..."); }, [foo]);
在当前的实现中，该效果应该在mount、
浏览 27提问于2020-05-27得票数 0
1回答
我在其他iPhone/ iOS设备或iOS模拟器上显示我的FlatList中的图像时遇到问题。我可以在我的iPhone上查看图像，但它们不能在其他设备上显示。我知道图片是本地存储在我的手机上，所以我相信这可能是为什么我可以在手机上看到图片，而不是在其他手机上的原因。在模拟器上，初始渲染时出现以下错误，屏幕显示为空白，没有图像： 请求的孤立任务 ? 我使用re
浏览 21提问于2021-07-20得票数 0
我是一个反应原生的初学者，目前正在尝试从firebase数据库中获取标记，并将它们渲染到我的地图上。我之前已经将标记定义为markers: []，并用虚拟对象填充标记对象(与我从firebase数据库中检索到的对象完全相同)。 })
最后，使用react-native中<e
浏览 3提问于2017-06-09得票数 1
回答已采纳
我认为它的工作方式不同，但我不知道它是如何工作的。: 'noooo'} );}2.使用React组件状态export default class Test extends Component {: 'noooo'} );}我认为如果它只受到收到的道具的影响，就不需要使用State重新渲染。
浏览 5提问于2019-01-30得票数 8
2回答
当涉及到用户身份验证时，我遇到了不同的变化，我看到开发人员在他们的数据库中包含了一个userId字段和一个用户名字段(两个字符串)，所以我想知道如果这两个字段都有，是否有优势。我宁愿只有一个字段(用户名)有一个更好的概述和防止可能的错误，但我不确定是否会出现问题，与这种变化。我已经在互联网上看过了，但只找到了一个Quora答案，其中指出将一个userId作为整数是有意义的，因为“整数比字符串更容易/更快/更便宜”。
浏览 6提问于2022-11-06得票数 0
回答已采纳
我在注册用户时使用的逻辑是将他们的详细信息添加到数据库中的路径以及Firebase身份验证中。从理论上讲，这些值将更容易操作。我的目标是创建一个Formik表单，它将接受已登录用户的用户名的现有值，在文本输入中显示该值供用户更改，然后更新Firebase数据库中的值。有人能帮上忙吗？impor
浏览 11提问于2020-04-22得票数 0
1回答
我试图使用getDoc从Firebase获取一些用户数据，并使用React.js中的axios从MongoDB获取一些数据。=> { }); //fetch user's solved problems from firebasedoing something here
浏览 6提问于2022-08-22得票数 0
回答已采纳
1.我的意图： 使用 useEffect() 钩子从props中初始化组件的状态变量，它的数据是使用以下命令从firebase中提取的 mapStateToProps() ..。2.问题:无法初始化组件的状态变量 这个想法是，当组件挂载时，useEffect将只运行一次。在这个初始化窗口中，我希望将数据从firebase加载到该组件的本地状态变量。但当我这样做<e
浏览 55提问于2019-10-04得票数 12
这是我的代码，我似乎找不到问题所在。我已经研究了这个问题，但没有找到解决方案，所以我向StackOverflow之神寻求帮助！正如您所看到的，我希望在LoadingScreen中加载字体，并在加载完成后转到下一个屏幕。如果有更简单的方法，请告诉我。import React from 'react';
import { StyleSheet, View, AsyncStorage, Alert, ActivityIndicator } from 'react-
浏览 16提问于2019-09-02得票数 4
回答已采纳
我正在使用完整的日历库来完成一个小项目的笔记“要做”，只是为了学习反应js (我是新手)。当我从firebase上的实时数据库中获取数据时，我试图在日历中显示事件的名称(evento)和日期(fecha)，但是当我使用setName()将数据放入name=[]数组中时，然后通过我的错误重呈现(对我糟糕的英语表示歉意)下面是错误和代码：
const
浏览 1提问于2020-10-24得票数 1
回答已采纳
我研究了React钩子，并在代码中插入了一些控制台日志，以便更好地理解呈现流程。然后，我开始模拟setState效果，发送相同的值，看看React是否会再次渲染它。import { useState } from "react";
/* States */ console.log(&quo
浏览 9提问于2021-09-11得票数 3
1回答
我正在尝试使用React从火力基地渲染一个数组。我有一个容器视图，它从firebase获取数据，并将数据传递给子组件。以下是代码：import React from 'react'import loadsTable from，实际上，构造函数中的console.lo
浏览 4提问于2015-04-16得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
云直播活动推荐
腾讯云开发者
