从Firebase存储中获取视频时带有React的空白页面
基础概念
Firebase Storage 是 Firebase 提供的一个用于存储和检索文件的云存储服务。它允许开发者上传、下载和管理文件，如图片、视频、音频等。React 是一个用于构建用户界面的 JavaScript 库，广泛用于前端开发。
相关优势
- Firebase Storage:
- 集成简单: 与 Firebase 其他服务（如 Authentication、Firestore）集成方便。
- 可扩展性: 自动处理存储和带宽，支持大规模数据存储。
- 安全性: 提供细粒度的安全规则，确保数据安全。
- React:
- 组件化: 通过组件化开发，提高代码复用性和可维护性。
- 虚拟 DOM: 提高性能，减少直接操作真实 DOM 的次数。
- 生态系统丰富: 有大量的第三方库和工具支持。
类型
- Firebase Storage 类型:
- 对象存储（Object Storage）
- 文件存储（File Storage）
- React 类型:
- 函数组件（Functional Components）
- 类组件（Class Components）
应用场景
- Firebase Storage:
- 存储用户上传的文件，如头像、视频、文档等。
- 存储应用中的静态资源，如图片、CSS 文件等。
- React:
- 构建单页应用（SPA），提供流畅的用户体验。
- 构建复杂的前端界面，如仪表盘、数据分析工具等。
问题分析
从 Firebase Storage 中获取视频时带有 React 的空白页面，可能是由于以下原因：
- 视频加载失败: 可能是网络问题或 Firebase Storage 配置问题。
- 视频播放器问题: 可能是 React 组件中的视频播放器配置问题。
- 权限问题: Firebase Storage 的安全规则可能阻止了视频的访问。
解决方法
- 检查网络连接:
- 确保网络连接正常，尝试刷新页面或重新加载视频。
- 检查 Firebase Storage 配置:
- 确保 Firebase Storage 的 URL 正确，并且安全规则允许访问。
- 确保 Firebase Storage 的 URL 正确，并且安全规则允许访问。
- 检查视频播放器配置:
- 确保在 React 组件中正确配置视频播放器。
- 确保在 React 组件中正确配置视频播放器。
- 检查 Firebase 安全规则:
- 确保 Firebase Storage 的安全规则允许访问视频文件。
- 确保 Firebase Storage 的安全规则允许访问视频文件。
参考链接
通过以上步骤，应该能够解决从 Firebase Storage 中获取视频时带有 React 的空白页面的问题。如果问题仍然存在，请检查控制台日志以获取更多详细信息，并根据错误信息进行进一步的调试。
相关·内容
目前，我正在使用一个带有onClick函数的按钮来在每次按下它时将一个JSX组件附加到UI。我还使用了一个带有一些firebase数据库逻辑的useEffect，它是一个onSnapshot，用于实时读取数据，以便在UI上显示信息。
问题是，当用户刷新页面时，附加JSX的onClick函数将从状态中删除，并且不会在UI上显示firebase数据。我该如何着手解决这个问题呢？
代码：
import React, { useEffect, useState } from "react";
import DashboardBody from "./DashboardCom
浏览 14提问于2021-05-31得票数 0
在从firebase存储中获取背景视频后，我正在尝试在我的web应用程序上显示背景视频。代码如下所示： import React, { useState, useEffect } from "react";
import { storage } from "../firebase";
const videoRef = storage.ref().child('');
export default function Dashboard() {
const [videoURL, setVideoUrl] = useState('&
浏览 57提问于2021-03-02得票数 1
回答已采纳
1回答
我想要在一个页面上显示来自火基地的图像。我可以成功地从存储器中获取urls，但是当我将它们作为src在映像中使用时，它们(图像)就不会显示出来。
从上面的图像中可以看到，图像标记是空白的。我不知道有什么问题。可以帮我找个出路。我的代码如下：
import React, { Component } from 'react';
import { firebase } from '../../../firebase';
import AdminLayout from '../../../Hoc/AdminLayout';
import { fireb
浏览 1提问于2019-01-12得票数 0
回答已采纳
我使用'react-native-video‘库，它使用一个外部链接，比如：<code>C0</code>
当我添加一个firebase存储的URL时，它没有显示出来。有没有人能帮我这个忙？指向firebase视频的链接是：<code>C1</code>
这是可以工作的代码：
<code>A2</code>
/>
而不是这个：
<code>A3</code>
/>
这是同一个视频。在这两种情况下，只有1个位于远程位置，而不是firebase存储。我没有收到错误，只是应用程序停止了
浏览 20提问于2020-06-10得票数 1
回答已采纳
我有几个一般性的问题，我想得到一个答案…我自己在以下方面做了研究：
·firebase文档在设置firebase、redux、react状态时几乎没有成功。
·我知道firebase youtube频道的React和firebase设置的两部分视频系列，但没有任何关于将redux集成到该生态系统的内容。
·这个youtube上的视频已经有两年多的历史了，我不知道它们是否仍然适用()。
·我发现了一些与这种类型的设置相关的教程，但对我来说，它们似乎非常固执己见，我不知道这些设置是最优的还是具有反模式的(、 --直接来自参考资料部分中的redux文档，我可能是错的，但它似乎没有得到维护，其他的：，
浏览 23提问于2019-03-29得票数 -1
回答已采纳
如何通过react原生应用将视频上传到firebase？我已经成功实现了功能:从Firebase云存储上传和下载镜像。然而，我想上传视频。有什么建议吗？ 我能够获得视频的URI。下面是我用来上传视频到firebase的函数。 uploadVideo(uri) {
console.log("inside");
const uploadUri = Platform.OS === 'ios' ? uri.replace('file://', '') : uri
const videoRe
浏览 21提问于2019-06-29得票数 0
在创建一个带有React的项目中，我目前正尝试使用Firebase与Google和signInWithPopup一起创建一个登录名，但当我按下按钮触发弹出时，弹出窗口显示为空白，但具有正确的URL。
当我在手机上做同样的事情时，它会重定向并选择我的帐户。另外，所有其余的Firebase特性都可以工作。
这是signInWithPopUp的代码
const app = initializeApp(firebaseConfig);
export const auth = getAuth(app);
var provider = new GoogleAuthProvider();
exp
浏览 1提问于2022-07-06得票数 0
我有一个windows phone应用程序，可以从视频详细信息页面上的url播放视频，现在我有了另一个页面，用户可以从点击事件导航到该页面，以便为选定的视频添加评论。但我发现，当用户导航到评论页面发表评论并点击手机的后退按钮时，视频不会继续播放，而是变成空白。我想让视频播放暂停，当用户导航到评论页面并继续，当电话的后退按钮被单击时。我使用的是微软的媒体播放器框架，以及xaml和c#
浏览 1提问于2015-08-03得票数 2
我用firebase连接了react，我可以在数据库中创建一个项目，并在控制台日志中接收它，而不是在屏幕上。我认为运行该函数并完成所有操作都会有一些延迟。
此时，我创建了一个函数，该函数读取数据库中的项，只有单击按钮时才会触发它。在控制台日志中，我得到了正确的数据，但我不能将它存储到一个变量中并显示在屏幕上，当我尝试使用这个函数时，屏幕仍然是空白的。
import React, {Component} from 'react';
import {Platform, StyleSheet, Text, View, Image, Button, ScrollView} from &
浏览 0提问于2019-10-02得票数 2
回答已采纳
当我尝试执行以下代码从firebase cloud firestore获取数据时，我得到了一个空白页面。
firebase.js：
import firebase from "firebase";
var firebaseApp = firebase.initializeApp({
apiKey: "XXXXXXXXXXXXX",
authDomain: "XXXXXXXXXXXXX",
databaseURL: "XXXXXXXXXXXXX",
projectId: "XXXXXXXXXXXXX"
浏览 11提问于2020-11-12得票数 0
1回答
我刚接触过firebase，只是在将所有数据放到firebase之前编写了一个简单的测试react组件，但不幸的是，我无法让它与服务器端预渲染一起工作。让它对我来说很重要，让它对我来说很友好，我已经在互联网上搜索了解决方案，但仍然无法真正弄清楚。请帮助我解决这个问题。非常感谢提前感谢。
下面的简单代码将只生成带有React的初始状态-快照，当我打开页面时，它将显示初始状态，然后更新到新的状态。但是，我需要使初始状态对象直接从Firebase获取数据，并使用生成静态html。
class FirebaseTestingComponent extends Component {
construct
浏览 2提问于2017-07-12得票数 3
回答已采纳
5回答
我知道，使用Redux，我有一个普通的store，当我改变位置时，例如，我从/videos页面，但我仍然在我的videos还原器中获取视频。因此，如果我决定返回我的videos页面，我会显示用户已经从我的商店加载的视频，如果他需要的话会加载更多的视频并存储它们。
但是在没有React Redux的情况下，如果我更改了位置-- /videos，获取了一些视频，然后将它们存储在Redux组件的本地状态中，然后返回到这个页面，那么我就没有视频了，应该从零开始获取它们。
我如何才能缓存它们，这是否可能呢？
PS:这是更多的theoretical问题，所以没有提供代码。
浏览 0提问于2018-03-30得票数 25
回答已采纳
1回答
我正在使用react进行web应用程序。从静态文件夹导入视频，如下所示 import Video from "../static/videos/Tesla4.mp4"; 在后面的代码中，我将像这样使用它 <video
loop
preload="auto"
playsInline
muted
>
<source
src={Video}
type="video/mp4"
></source>
</video> 我正在使用firebase进行部署，我已经购买了一个自定义域
浏览 33提问于2020-10-10得票数 0
我正在开发一个带有svelte和firebase的网页。
第一个“你好世界！”由svelte ()提供的页面工作得很好。顺便说一句，我正在关注的Youtube视频。
所以问题是，当我修改App.svelte，特别是脚本部分时，就像视频说的那样，只有一个空白页。它有偏爱的图标和标题，但页面上没有任何内容。当我导入或导出某物时，就会发生这种情况。
我检查了当我将firebase.js文件添加到scr文件夹而没有将import { db } from './firebase.js';添加到App.svelte中的脚本中时，它仍然有效。所以这不是js文件的问题，而是app.svelte
浏览 6提问于2021-01-04得票数 0
回答已采纳
我试图实现一个防火墙身份验证我的web应用程序与反应。
登录/输出流程是这样的。
在登录页成功登录的用户，重定向到主页.当未经身份验证的用户访问主页时，重定向到登录页
确认用户从登录重定向到主页，在主页单击“注销”按钮的用户被重定向到登录页。
但是，问题是当经过身份验证的用户在主页重新加载页面时，用户被重定向到登录页，然后重定向到主页。
我认为通过身份验证的用户不会重定向到登录页面。
我怎样才能解决这个问题？
我的密码如下：
FirebaseContext.tsx
import * as React from "react";
import { createContext, u
浏览 6提问于2020-05-12得票数 0
回答已采纳
我正在尝试制作一个带有react和firebase的网络聊天应用。对于后者，我不知道为什么当我在messages集合中添加带有属性text、photoURL、displayName、uid和createdAt的文档时，在通过每个文档进行映射时，聊天组件中没有显示最后一个属性。
Chat.jsx
import React, { useState, useEffect, useRef } from 'react';
import Logout from './Logout';
import { auth, store } from '../firebase&
浏览 5提问于2021-07-19得票数 0
回答已采纳
从图库中选择视频时，会在开始上载到firebase之前创建一个空白(黑色)屏幕。上传成功，但是，空白屏幕冻结应用程序。这是我的代码。
Intent intent = new Intent(Intent.ACTION_GET_CONTENT, MediaStore.Video.Media.INTERNAL_CONTENT_URI);
intent.setType("video/*");
startActivityForResult(intent, RequestCodeForVideoPick);
public void onActivityResult(int requestC
浏览 1提问于2020-05-15得票数 1
我已经做了很长时间了，(可能是因为我刚反应过来)。我觉得这样容易一些，但由于某种原因，我无法理解。
我的意图是从Firestore中获取数据，并使用它生成一个表。
我甚至很难让它呈现到页面上，我尝试了很多不同的方法，跟踪了一堆youtube视频，并阅读了起来，似乎无法让它工作，我哪里出错了。谁能帮个忙吗。
import React, { useContext, useEffect, useState } from "react";
import MealPlanComponent from "../component/mealPlanComponent";
浏览 3提问于2022-11-24得票数 0
我使用路由配方，使用户能够查看/重定向之间的页面，这取决于用户是否登录()。
当我注销时，它确实会重定向到登录页面，但仍然是空白的，并且我收到了以下错误：
"Uncaught Error: Supplied prop/s "dispatch" are reserved for internal firebaseConnect() usage."
我的Login.js组件使用的是firebaseConnect()。如果一个组件正在使用firebase，并且它也在使用firebase的另一个组件上使用，会出现问题吗？
在我遵循的教程中，firebase、react-
浏览 0提问于2019-05-16得票数 2
我想要创建一个颤振页面，加载和播放存储在火炉存储中的视频。
我知道的方式是如何调用它与url通过颤振视频播放器，如下所示。
VideoPlayerController _controller;
_controller = VideoPlayerController.network(
'firebase video url')
..initialize().then((_) {
setState(() {});
});
但是，我不知道如何为防火墙存储中的文件创建一个url。我需要一种飞镖语言的方法。还是有任何参考资料？
浏览 1提问于2021-09-19得票数 0
回答已采纳
我想尝试与谷歌身份验证相同的项目的firebase。
在我的react项目中，有一个带有此onPress函数=>的按钮
import firebase from 'firebase';
const provider = new firebase.auth.GoogleAuthProvider();
handleLogIn() {
firebase.auth().signInWithPopup(provider)
.then((result) => {
// ...
})
.catch(function(error) {
浏览 3提问于2016-11-07得票数 3
如何在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
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
回答已采纳
1回答
基于，我编写了以下App组件：
import React, {Component} from 'react';
import withFirebaseAuth from 'react-with-firebase-auth'
import firebase from 'firebase/app';
import 'firebase/auth';
import firebaseConfig from './firebaseConfig';
import './common.css'
import &#
浏览 3提问于2021-07-16得票数 0
我正在构建一个连接到Firebase的web应用程序，它对用户进行身份验证并存储post数据。网上似乎有很多关于使用Redux的文档，但是没有Redux的持久化状态的文档就不多了。
当用户刷新页面时，<App />的状态会被重置，因此我需要保留现有的状态/从Firebase检索它。一些文章建议使用本地存储来存储状态。但考虑到最佳实践，应该在本地存储什么?我的应用程序将所有的状态都存储在<App />中，并将所需的状态作为支持传递给相关组件。
下面两个示例假设用户已经通过身份验证，并且刚刚刷新了他们的页面。我们希望保留他们的会议，我们也希望：
例1：
应用程序加载并检
浏览 0提问于2017-09-24得票数 6
回答已采纳
1回答
当我刷新页面或者按下浏览器的后退和前退按钮时，我就会遇到这个问题(空白页面)。
我正在使用Firestore作为我的后端。
我正在使用：
`"firebase": "^8.2.9"`,
`"react": "^17.0.1"`,
`"react-dom": "^17.0.1"`,
`"react-router-dom": "^5.2.0"`
这是my Route的结构：
ROUTES- Panel(Home route-/) -> Account(nested
浏览 53提问于2021-06-04得票数 1
我是新手的防火墙工具，我是跟随一个教程视频，以创建一个应用程序与反应和防火墙。因为我上传jpg或png的图片时出错了，所以我想知道firebase和我的应用程序是否相连。在视频中，使用了版本7的firebase，我安装了9.6.8版本。我在谷歌上搜索了如何编写功能与在第7版中编写的代码相同的版本9代码，但仍然不起作用。我猜我的应用程序没有正确地连接到firebase，因为我读到了一个错误。错误来自浏览器的控制台。
0 null
ProgressBar.jsx:6
0 null
connection.ts:81
POST https://firebasestorage.go
浏览 7提问于2022-03-10得票数 0
所以，我有一个很好的反应应用程序，使用firebase，auth和firestore。一切正常，除了
每当我重新加载页面时，用户已经登录.导航条链接会改变一秒钟。看起来像应用程序自动重新登录(重新登录)，用户在每一个页面重新加载。为什么会这样呢？怎么摆脱它？一些相似的代码示例
import React, {useState, useEffect} from 'react';
import {Switch, Route} from 'react-router-dom'
import firebase from 'firebase/App'
exp
浏览 0提问于2020-02-10得票数 4
回答已采纳
我有一个使用Firebase的react原生应用程序(带有“@react-本机-firebase/auth”："^6.0.1")。
在这个应用程序中有一个Webview (带有“react-本机-webview”："^7.5.2")。
用户登录，然后我可以通过以下方式访问它的jwt：
auth().currentUser.getIdTokenResult()
.then(jwtToken => {
console.log('jwtToken: ', jwtToken.token);
})
现在，我需要用户打开Webview，
浏览 2提问于2019-12-09得票数 1
回答已采纳
1回答
在我的.env文件中有一些环境变量会在数据库中更新一些值时得到更新。
示例：
REACT_APP_FIREBASE_ID=1234567890
当我将它记录到我的react应用程序的控制台时：
console.log(process.env.REACT_APP_FIREBASE_ID) //this gives "1234567890"
但是，当.env文件被更新为其他内容时：
示例：
REACT_APP_FIREBASE_ID=9876543210
日志仍然给出了旧值：
console.log(process.env.REACT_APP_FIREBASE_ID) //this
浏览 0提问于2019-10-10得票数 3
回答已采纳
我试图连接电子邮件/-和电子邮件验证使用Firebase。我用的是React + Redux +React路由器。帐户创建工作进行得很顺利--用户帐户是在Firebase用户数据库中创建的，但我遇到的问题是试图从Firebase在其电子邮件验证中提供的链接( URL格式是./verify?mode=foo&oobCode=bar)中捕获"mode“和"oobCode”。我有Firebase链接(暂时)到localhost:3000/验证，所以在我的路由中，我尝试添加这样的路由路径：
<Router history={ browserHistory }>
浏览 0提问于2016-09-23得票数 0
回答已采纳
1回答
我正在使用火基地，博览会和反应本机的应用程序。我是一个非常新的防火墙，并试图创建一个页面的事件，从消防站收集信息。然而，当我试图从我的消防局查询时，我总是会遇到错误。下面是两个我认为错误所在的代码片段。首先是firebase.js，在这里我处理所有与防火墙相关的代码，其次是eventspage.js，它列出了所有事件页面。
firebase.js中没有api密钥等，因为我已经有意地删除了它们。
// import all functions needed from the SDKS needed
import { firebase } from "@react-nativ
浏览 7提问于2022-06-24得票数 0
回答已采纳
我正在开发一个带有firebase存储的小型React，用户在其中选择图像并将其上传到/uid/目录下的firebase存储中。我使用react-native-firebase在应用程序中使用firebase。
我有图像的uri，使用RNFetchBlob创建它的blob，然后尝试将blob上传到firebase。
下面是处理blob制作和上传的代码。
handleUploadTask = (mime = 'application/octet-stream') => {
const {imageSource} = this.state;
this.setS
浏览 1提问于2018-12-08得票数 1
回答已采纳
我需要通过firebase的querySnapshot从S3获取数据，它给了我密钥，然后显示视频，我使用setVideos更新了包含RetrivedVideo的视频数组，这是一个需要id和url的类，我的问题是当我调用setVideos时，它没有显示视频，你能帮我吗？ import React, { useState, useEffect } from "react";
import Video from "./Video";
import "./Home.css";
import RetrivedVideo from "./Retri
浏览 19提问于2021-08-16得票数 0
回答已采纳
1回答
我成功地将视频上传到Firebase商店。我希望能够做以下工作之一：
上传视频时，我希望以编程方式创建缩略图，或者
当我从Firebase存储中检索视频时，我想显示视频缩略图。
我可以使用RecyclerAdapter检索视频标题和描述或图像**，但是当我尝试使用Glide asGif()检索视频时，它没有显示任何内容。
Glide.with(context).asBitmap().load(videoUrl).into(imgView);
浏览 0提问于2018-04-16得票数 4
我正在尝试从firebase(实时数据库)获取数据。我参考了各种视频，但我没有得到正确的解决方案。我不知道我在哪里犯了错。我分享我的代码和火基截图。
我想在前面以表格的形式显示这个火基数据。
这里作为萤火库实时数据库的截图。
我的守则是：
import React,{useEffect} from 'react'
function TableDataGet() {
useEffect(() => {
return () => {
//firebase get table datacode
}})
return (
<div>
浏览 4提问于2022-06-03得票数 0
回答已采纳
2回答
我在网上查看了关于如何修复火场的建议，但这些建议没有奏效。我尝试过将我的firebase.json托管功能设置为"public“以”构建“，但这没有起作用，那么我还应该做什么呢？我编译它时没有错误，但是当我运行"npm“时，这个网站是空白的。以下是相关的javascript代码：
import firebase from 'firebase/compat/app';
import 'firebase/compat/auth';
import 'firebase/compat/firestore';
const firebaseA
浏览 6提问于2022-04-06得票数 0
回答已采纳
1回答
我正在创建一个使用用户身份验证的firebase应用程序，以及一个使用Twilio进行视频呼叫的express服务器。现在，我不太确定如何测试多个用户登录到我的应用程序，因为当我打开到localhost:3000的不同选项卡时，每当我更改路由(使用react-router-dom)时，两个窗口都会重定向到相同的位置。因此，当我尝试在其他选项卡上登录时，所有其他选项卡都将重定向到登录页面，而不是停留在主页仪表板上。 这会不会是我在Firebase中处理用户的方式的问题，或者是我如何使用express进行测试的问题？ 任何帮助都是非常感谢的。
浏览 62提问于2020-01-13得票数 0
我正在集成Firebase与谷歌签名。它在我的虚拟项目中工作得很好，但在我的项目中，当点击GIDSignInButton时，它会显示带有“网站名称”的空白safari页面。
我认为有一些项目设置正在影响我的Firebase Google签名代码。
请提个建议。
浏览 16提问于2017-03-01得票数 1
我在使用Swup.js在两个页面之间转换英雄视频时遇到了麻烦。 目前，我可以使用一个名为' transition -wipe‘的自定义类来转换视频元素，它可以在页面更改时将视频的宽度从50%更改为100%，这很好用，但是当下一个页面加载时视频会重新启动。 有没有办法在过渡时暂停视频，并从上一个视频停止的地方播放下一个视频？我的目的是让视频在页面之间显示为动态的，并且在不重新启动的情况下连续播放。我似乎找不到任何解决方案，所以任何建议都将不胜感激！:)
浏览 33提问于2020-09-01得票数 0
回答已采纳
这是我的代码。Webpack可以加载PDF了。react组件不呈现pdf。当通过react组件访问时，它会显示一个带有第1号页面的空白页面，当将以下url放入浏览器时，它会直接从浏览器呈现pdf，这样就可以了。
import React, {Component} from "react";
import myPdf from '../images/BSOAANZChapterConstitution.pdf'
import {Document, Page} from 'react-pdf/build/entry.webpack';
class
浏览 1提问于2017-10-21得票数 0
2回答
我正在尝试将我的react应用程序部署到gh页面上，但它只是显示为一个空白屏幕。我什么都试过了，似乎什么都没有用。我跟踪了这段视频：和一切似乎都运行良好，除了当我输入url时有一个空白页。这是我的回购：
我太迷茫了，似乎什么都没有用。谢谢你提前帮忙！
浏览 3提问于2020-06-07得票数 1
我正在使用Firebase我的ReactJS网络应用程序。我的项目中有FirebaseConfig.js文件。为了使用firebase特性，我在其中一个组件中导入了这个配置文件，一切都很完美。但是稍后，在进行一些重构时，我删除了与火基相关的代码，这些代码留下了一个未使用的FirebaseConfig导入。
需要注意的是，虽然未使用的导入仍然存在，但我保存了项目，并且所有的内容都是一样的。现在出现了问题，如果我删除未使用的导入、保存并在浏览器中运行该项目，我将在控制台中看到一个没有任何错误的空白页面，并在检查它在<div>标记中显示的空元素时看到一个空白页面。
尝试调试此问题，并得出
浏览 2提问于2020-02-03得票数 0
回答已采纳
1回答
我需要用以下步骤编写一个测试：
在挂载上获取用户数据
如果项目有selectedProject和clientId，则获取它们的详细信息
如果页面有selectedProject、clientId和selectedPages，则获取它们的详细信息
在交换机内渲染内容
如果没有clientId，内容应该返回null
如果没有selectedProject，内容应该返回项目
如果没有selectedPages，内容应该返回页面
其他内容应呈现图板。
组件看起来是这样的：
import React, { useEffect } from "react&#
浏览 3提问于2019-09-26得票数 0
当我通常通过带有npx react-native run android的终端运行从Android虚拟设备(仿真器)中的可视代码生成的本机react时，我突然面临这个错误
1. info Running jetifier to migrate libraries to AndroidX. You can
disable it using "--no-jetifier" flag. Jetifier found 954 file(s) to
forward-jetify. Using 8 workers... info Starting JS serv
浏览 5提问于2021-07-06得票数 0
1回答
我有一个带有firebase身份验证和存储的React应用程序 在我之前关于多个firebase应用程序here的问题之后，我结束了在我的项目中拥有多个firebase应用程序。 我初始化了DEFAULT应用程序 firebase.initializeApp({
apiKey: 'xxxxxxxxxxxxxxxxxxxx',
authDomain: 'buckettest-xxxxx.firebaseapp.com',
projectId: 'buckettest-xxxxx',
storageBucket: 'buck
浏览 9提问于2020-12-14得票数 1
回答已采纳
我正在开发一个使用Expo和firebase的React Native App。我正在上传一个相机捕获到firebase，然后我需要从Firebase取回google存储URL。我不知道我该怎么做。当我查看我的firebase存储时，我看到了我想要的URL，但不知道如何将其返回到react原生代码中： ?
浏览 18提问于2021-04-19得票数 0
回答已采纳
1回答
我正在尝试将我的react web应用程序部署到Firebase。我有一个github工作流设置，以便在创建pull请求时部署到预览通道，然后当它合并时，它将部署为活动的。我将我的firebase api密钥和其他详细信息存储在一个.env文件中，该文件在我的.gitignore中，这样就不会将其签入git存储库。但是，在将应用程序部署到firebase时，不会使用这些变量。将显示一个空白页面，并在控制台中显示一个错误，说明正在使用错误的API密钥，请使用正确的api密钥。但是，如果我直接将完全相同的值硬编码到firebase的配置中，它就可以正常工作。有什么办法解决这个问题吗？下面是.en
浏览 5提问于2021-01-07得票数 1
我正在开发一个使用"create React app“()创建的react应用程序。它将托管在Firebase主机上，我喜欢使用文档()中描述的隐式初始化，以部署到多个项目(我有一个开发项目和几个生产项目)
<script src="/__/firebase/init.js"></script>
我需要在我的React组件中初始化上面脚本中的"firebase“对象。如何在多个React组件文件中导入？我知道只有当我在开发期间和部署它时使用"firebase服务“时，它才是可用的，所以在开发过程中，我尝试添加
<script
浏览 3提问于2017-09-15得票数 6
1回答
我有一个简单的购物网站，数据来自一个无头CMS系统。我正在使用nextJS/React来构建站点。当用户向购物车添加商品时，我想使用firebase来持久化状态，因为用户浏览不同的页面。但是，当用户导航到不同的页面时，我会丢失状态和firebase中的所有数据。主要的问题是我不能将初始购物车状态设置为firebase数据。我如何解决这个问题，这样我就可以使用firebase数据来持久化cart状态？ import React, { useState, useEffect } from 'react';
import Layout from './../componen
浏览 28提问于2020-10-19得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
