如何使用react-redux-firebase将'auth‘或'profile’对象传递给firestoreConnect()？
使用react-redux-firebase将'auth'或'profile'对象传递给firestoreConnect()的步骤如下：
- 首先，确保已经安装了react-redux-firebase和redux-firestore这两个库。可以使用以下命令进行安装：
- 首先，确保已经安装了react-redux-firebase和redux-firestore这两个库。可以使用以下命令进行安装：
- 在应用的根组件中，使用react-redux-firebase的withFirebase()高阶组件包裹整个应用，以便在组件中访问Firebase的功能。例如：
- 在应用的根组件中，使用react-redux-firebase的withFirebase()高阶组件包裹整个应用，以便在组件中访问Firebase的功能。例如：
- 在需要访问'auth'或'profile'对象的组件中，使用react-redux的connect()函数连接到Redux store，并使用firestoreConnect()函数将'auth'或'profile'对象传递给firestoreConnect()。例如：
- 在需要访问'auth'或'profile'对象的组件中，使用react-redux的connect()函数连接到Redux store，并使用firestoreConnect()函数将'auth'或'profile'对象传递给firestoreConnect()。例如：
- 现在，'auth'或'profile'对象将作为props传递给MyComponent组件，并且可以在组件中使用。例如，可以通过props.auth获取用户的身份验证信息，通过props.profile获取用户的个人资料信息。
需要注意的是，上述代码中的compose()函数是用于组合多个高阶组件的工具函数，可以使用redux的compose函数或者lodash的flowRight函数代替。
推荐的腾讯云相关产品：腾讯云云开发（Tencent Cloud CloudBase），它是一款全托管的云原生应用开发平台，提供了云函数、云数据库、云存储等服务，可用于快速开发和部署云原生应用。了解更多信息，请访问腾讯云云开发官网：https://cloud.tencent.com/product/tcb
相关·内容
2回答
如何使用react-redux-firebase将'auth‘或'profile’对象传递给firestoreConnect()？
reactjs、firebase、react-redux-firebase
我不知道如何将'profile‘或'auth’props传递给firestoreConnect()函数，以便根据用户id或其他键查询集合或文档(我的代码片段如下所示)。我可以在我的jsx代码中访问'auth‘和'profile’对象，但是我找不到在firestoreConnect()函数中使用它们的方法(我
浏览 15提问于2019-01-30得票数 5
1回答
如何将状态传递给firebaseConnect中的doc属性
reactjs、firebase、redux、react-redux-firebase
我正在使用redux-firestore。有没有一种方法可以将变量(user_id)从状态传递给firestoreConnect属性 我刚开始使用React。所以我甚至不知道从哪里开始 import React, { Component } from "react";import { firestoreConnect} from "react-redu
浏览 12提问于2019-06-12得票数 2
1回答
React Redux Firebase在身份验证后刷新之前不加载道具
reactjs、redux、firebase-authentication
这是他们在登录后被重定向到的仪表板，然后使用mapstatetoprops/connect从Firebase加载道具。我一直在检查其他线程，但似乎没有任何与我的问题有关或接近修复它，任何帮助都将非常感谢。, isLoaded, isEmpty } from 'react-redux-firebase'
浏览 4提问于2020-02-28得票数 0
1回答
在显示带有React前端的防火墙的文档时出现问题
reactjs、firebase、google-cloud-firestore、react-hooks
嗨，我对js的反应相对较新，我正在尝试创建一个映射应用程序，用户可以通过使用搜索函数搜索它来找到保存的农场。到目前为止，我可以通过( console.log )并将这些信息显示为Json对象(Json object，)来获得在防火墙中的查询结果。我真的很想显示农场的位置和坐标，但是还没能把这些东西拿出来。/ProjectList'import { firestoreConnect } from 'react-redux
浏览 0提问于2021-03-30得票数 1
回答已采纳
1回答
firestoreConnect不会将集合映射到react-redux-firebase中的状态
reactjs、react-native、redux、react-redux-firebase
我试图将我在firestore中的giveaways集合映射到我在Shop.js中的道具，但是firestoreConnect什么也没做。react-redux-firebase文档让它看起来一切都在这里。==============================================="); return { giveaways: stat
浏览 4提问于2020-10-31得票数 0
1回答
如何在React App中对Firebase数据进行重新排序？
reactjs、firebase、firebase-realtime-database、google-cloud-firestore、create-react-app
本文的基础来自于关于React +Firebase的YouTube系列文章：import { compose } from 'redux';
return {
shops: state.fire
浏览 2提问于2019-10-01得票数 0
1回答
Redux : firebaseConnect上的错误-无法读取未定义的属性“有序”
firebase、redux、react-redux-firebase
: state.firestore.profile // load profile// )(Todos)
firestoreConnect我尝试过各种不同的方法来使用firestoreconnect，例如使用基于类的组件，使用带有参数的查询等等，所有这些都给出了相同的错误。
我的Firebase项目配置正确，因为我能够在集合中创建文
浏览 1提问于2019-04-30得票数 0
3回答
如何从这个嵌套数组中获取值
javascript、arrays
我想遍历这个对象数组，但是当我试图映射它时，总是得到错误。它是使用npm包'react-select‘中的多选生成的。当我在React中使用它时，我正在寻找一个javascript答案。我尝试过的例子是，现在我只是尝试将值传递给console.log。当我运行它时，我得到了TypeError: Cannot read property 'map‘of undefined。我记得我在过去遇到过在数组中将数字放在对象前面的问题，但是我不知道这种类型的数组是什么来诊断这个问
浏览 20提问于2019-05-09得票数 2
1回答
如何将此代码隐藏在刀片模板上？
laravel、vue.js、templates
当我通过刀刃模板上的道具传递数据时当我在任何浏览器上使用工具开发程序时，我都能看到代码.
浏览 1提问于2020-04-20得票数 1
回答已采纳
2回答
在React.js Redux Firebase应用程序中按住React键并选择输出格式错误的数组
javascript、reactjs、redux、react-select
我有一个React Redux应用程序，它使用npm包react-select和一个多选组件。我的问题是，它创建了一个格式错误的数组，我无法迭代。typeOfFruit.map((fruit) => console.log(fruit.value)) 我试图弄清楚如何访问格式错误的数组或将数组更改为我可以访问的内容，但我认为我的问题需要更改为如何使用这项技术创建一个好的数组= state.firebase.profile
profi
浏览 2提问于2019-05-10得票数 0
回答已采纳
1回答
Java GraphQL -将字段值传递给对象的解析器
java、graphql、graphql-java
我希望使用另一个对象类型将字段值传递给已解析的字段。另一种说法是，如果我有‘customer > User > Profile’，我如何将客户中的CustomerID字段值作为参数或变量传递给Profile，以便正确解析？
浏览 7提问于2017-05-24得票数 5
1回答
为什么我会得到TypeError：_this.props。“functionName”不是一个函数ReactJS
javascript、reactjs、firebase、google-cloud-firestore
我尝试将函数添加到脚本本身，而不是从authActions导入它，但仍然不起作用。toastr.error('The message') }这是需要使用上面脚本中的"editProfile“函数的buildProfile脚本。withStyles from "@material-ui/core/styles/withStyles";
import {
浏览 24提问于2020-02-18得票数 0
1回答
如何将防火墙子集合加载到redux存储？
reactjs、react-redux、google-cloud-firestore、react-redux-firebase
组件结构如下所示：我已经加载了名为Projects的集合，在仪表板组件中使用firestoreConnect将数据传递给项目列表，映射数据到项目摘要。我的防火墙收藏结构如下所示：仪表盘： render() { return {
projects: state.firest
浏览 1提问于2019-01-25得票数 2
1回答
如何使用passport.js将数据从React客户端传递到Oauth2.0Google策略流程
javascript、node.js、reactjs、oauth-2.0、passport.js
我最初认为可以通过调用/api/auth/ google /${username}将其传递给req.params.username，然后使用req.update()将其保存到我的mongo数据库中，或者通过profile.username = req.params.username将其附加到google返回的配置文件对象。不幸的是，我对Google策略是如何作为中间件工作的还不够熟悉。
目前，用户通过被发送到/api/a
浏览 19提问于2018-08-09得票数 2
回答已采纳
1回答
如何管理使用AWS Amplify Authentication创建的用户
javascript、amazon-web-services、vue.js、amazon-cognito、aws-amplify
我正在尝试基于以下教程使用Vue.js构建一个AWS Amplify身份验证页面：。我正在配置profile.vue组件，以便将与经过身份验证的用户相关联的用户信息传递给模板。在本教程中，名为Auth.currentAuthenticatedUser的方法返回一个user对象，其中包含有关登录用户的元数据。可以通过将.username附加到模板中的name来访问此元数据。以下是上述教程中使用Auth.currentAuthenticatedUser方法
浏览 9提问于2019-11-22得票数 0
回答已采纳
3回答
卡在laravel上，试图保存数据
php、laravel
Http\Controllers\ProfileController.php中调用
public function updateprofile(Request $request, Profile$about){ 用户模型：
public function profile(
浏览 12提问于2021-02-06得票数 0
1回答
从数组输出单个json对象
php、mysql、arrays、json、laravel-5
在laravel中，我尝试将json数据传递到我的profile.blade.php视图中。我的apicontroller.php中有一个json查询，它从我的profile db表中提取数据，然后使用profilecontroller.js将数据传递给profile.blade.php。我可以使用@{{ profiles }}在profile.blade.php中以数组的形式查看数据，并获得输出
[{"id":1
浏览 0提问于2016-12-08得票数 0
1回答
单击其他组件后呈现弹出窗口
javascript、reactjs、react-hooks
我有一个名为Card的组件，还有一个名为auth的const布尔变量，用于引用用户的授权状态。如果用户未登录，则auth为false。/Pop';
// RENDER COMPONENT<div className="profile_picture">
<
浏览 3提问于2022-12-04得票数 1
2回答
TypeError:无法读取未定义的属性“”map“”，是否不能将数组作为道具传递给函数组件？“”
arrays、reactjs、dictionary、undefined、react-props
我正在学习一个MERN堆栈教程，在这个教程中，父组件仪表板将一个对象数组从它自己的道具(在mapStateToProps之后)传递给另一个组件教育。<Education education={profile.education}/> (在Dashboard.js中传递道具)教育是对象配置文件中的对象数组，对象配置文件是从状态映射的道具。轮廓支柱在同一元件的其他线中使用，不会产生任何其他错误。&& auth<
浏览 36提问于2019-09-10得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
