react-redux-firebase 相关问题


React store.getState 不是一个函数

这是我的代码: 商店.js 从 'redux' 导入 {createStore, applyMiddleware, compose}; 从“不可变”导入{fromJS}; 从“react-router-redux”导入{routerMiddleware}; 导入createSagaMidd...


使用包装器时从非函数组件调用 React-Redux 调度函数

我有一个 React-Redux 存储,它包装在 next-redux-wrapper 中。我想在 React 组件之外调度一个函数,但由于包装器的原因我无法这样做。有办法导入吗


使用包装器时从非功能组件调用 React-Redux Dispatch 函数

我确实有一个react redux store,它包装在next-redux-wrapper中。我想在 React 组件之外调度一个函数,但由于包装器的原因我无法这样做。有没有办法让我...


如何在 RTL 测试中使用 React Redux useDispatch 钩子?

我想在使用 redux 调度后测试 React 组件。我正在使用“test-utils.ts”文件中的自定义渲染函数: 从 'react' 导入 { ReactElement } 导入{渲染,渲染O...


React-Redux useSelector typescript type for state

我正在使用 React-Redux 中的 useSelector(state => state.SLICE_NAME) 挂钩,但是我在定义状态参数时遇到了困难。它默认设置为未知,因此当我尝试时会收到错误...


我如何从react-redux中的api调用的数据中过滤值

我正在使用react和redux从API调用中获取数据,现在我创建了一个新变量并为其分配了相同的数据。在代码中,我将操作这个名为


升级到 React 18 后 React App 未渲染

`我的 React 应用程序运行良好,但升级到 React 18、mui v5 和 redux v5 后,它没有渲染任何内容。 在终端中,我得到: webpack 编译成功 但在 chrome 控制台中...


反应单元测试“不是函数”对象。<anonymous>

努力为使用 redux/sagas 的文件编写一些单元测试。 app.tsx 文件看起来像这样 从 'react' 导入 React, { StrictMode } 从'react-dom'导入ReactDOM 导入 { Provider } f...


“在‘redux’中找不到导出‘createStore’

./node_modules/@redux-saga/core/dist/redux-saga-core.esm.js 中的警告 1343:21-28 “在‘redux’中找不到导出‘compose’ @ ./node_modules/redux-saga/dist/redux-saga-core-npm-proxy.esm.js ...


使用 Redux 和 Typescript,如何正确键入“mapStateToProps”函数以仅允许通过状态传递 3 个参数中的 2 个?

我正在将 React 18 与 Redux 8 和 Typescript 结合使用。我想创建一个组件,允许调用者传入其中一个参数,但其他两个参数是从状态派生的。所以我创建了


使用 WebSocket 和 React 构建通知面板时的推荐方法

我正在使用 websocket 和 React 构建一个通知面板。我应该使用 redux 工具包还是 useContext 来管理 Websocket 的集中位置?或者还有其他建议的方法吗...


Typescript 无法与 tsconfig.json 一起使用

在项目中使用 tsconfig 运行 tsc --watch 时,出现以下错误。 它需要 Node js 中的 React 和 Redux 类型。 错误 TS2688:找不到“abstract-leveldow...”的类型定义文件...


React Native useEffect() 未通过 firebase 和 onAuthStateChanged 触发

我有一个使用 React Native 和 Firebase 的应用程序。在 App.js 中,我有一个 useEffect 包装器,观察 onAuthStateChanged 以显示注册/登录或应用程序视图(如果用户对象处于预状态)...


使用 Firebase TestLab 测试 React Native 应用程序

是否可以使用 Firebase TestLab 测试 React Native(Expo 托管)应用程序? 我还没有成功。几种可能的路线,到目前为止还没有成功: 1) 是否可以强制进行 Robo 测试...


如何在 Redux Saga 中使用 React Hook?

我正在为我的应用程序设置语言。但我有一个问题。 我使用 React.useContext() 来设置语言。但是当我在 saga 的 toast 中修复它时,它会记录: [错误:无效的挂钩调用。 Hooks 只能在 ins 中调用...


此悬念边界在完成水合之前收到了更新。 React Native、Expo 路由器、Redux、Supabase

在 Expo 上启动开发服务器,在 localhost:8081 上的浏览器上打开,期望应用程序呈现,但出现错误: 这个悬念边界在完成水合之前收到了更新。这...


使用 Angular 时出现 Firebase 实时数据库 CORS 错误

我在尝试将数据发送到 Firebase 实时数据库时收到 CORS 错误。仅当我使用 Angular 而不是 React 时才会发生这种情况。我做了一个“联系我”部分,以接收任何想要发送我的邮件...


如何显示存储在 Firebase 存储中的 3d 模型?

我正在创建一个 React Web 应用程序来帮助共享 3d 模型,但我遇到了这个问题。当我尝试使用参考下载链接渲染 3dmodel 文件(.obj、.gltf...)时,我使用了 React-Three Libr...


getAuth()中的currentUser有值,但是getAuth().currentUser为null

我正在使用 React 和 Firebase 进行开发。 我正在努力创建一个功能,在登录时用户的姓名和照片会显示在 组件中。 我了解到我可以使用


正确使用 firebase 和 @firebase npm 包

当我向 firebase >9.0.0 包添加依赖项时,npm install 会同时下载 node_modules\ firebase 和 node_modules\ @firebase (没有提及)。 我知道@firebase 是...


TypeScript Redux 在刷新页面时丢失状态

redux/reducer/cartReducer.ts 从“@reduxjs/toolkit”导入{createSlice,PayloadAction}; 从“../../types/reducer-types”导入{ CartReducerInitialState }; 导入 { 购物车项目,


如何在expo react-native-app中收到FCM通知时禁用声音

我正在使用 firebase admin 从 dotnet 服务器发送通知来反应本机应用程序。在任何情况下一切都工作正常(前景、背景、死亡),但我希望用户能够


为什么 Context API 在高频更新方面比 Redux 差?

我看到很多文章说Redux比高频更新在性能上比Context API更好,但没有具体说明原因。 是什么让人们说 Redux 比 Context API 更好......


如何使用 redux tollkit 修复 Next 14 中的错误“请确保组件包裹在 <Provider> 中”?

我很难让 Next.js 14 与 Redux Provider 一起使用。我按照 Redux 官方文档上的所有说明进行操作,但我不断收到此错误: 错误:找不到反应-...


Redux 工具包解析非 JSON 响应时出错

我正在尝试 redux 工具包,目前有以下切片和突变: 导出 const apiSlice = createApi({ 减速器路径:“api”, 基本查询: fetchBaseQuery({ 基本网址:“


Clouflare R2 与 Firebase

问题已经解决了。


将 props 传递给 nextjs 中的页面组件

我正在使用 nextjs 的 withlayout 函数为某些页面添加侧边栏。 导出类型 PageWithLayout = NextPage & { withLayout?:(页面:ReactElement)=> 我正在使用 nextjs 的 withlayout 函数为某些页面添加侧边栏。 export type PageWithLayout<P = {}, IP = P> = NextPage<P, IP> & { withLayout?: (page: ReactElement) => ReactNode; }; 这是我的使用方法: export const Interactions: PageWithLayout = () => { const [ getInteractions, { data: interactionData, fetchMore, variables, loading: isInteractionsLoading, error: isInteractionsError, }, ] = useGetInteractionsLazyQuery({ notifyOnNetworkStatusChange: true, fetchPolicy: "network-only", ssr: false, }); return ( <> <Box height={"100vh"}> </Box> </> ); }; Interactions.withLayout = (page: ReactElement) => { // how do I pass isInteractionsLoading as a prop to this component return <Layout>{page}</Layout>; }; export default Interactions; 我想要实现的是将 isInteractionsLoaded 和 isInteractionsError 作为属性传递给我的布局组件,以便我可以渲染这些状态。有没有一种方法可以实现此目的,而无需将布局组件移动到页面组件内? 创建一个包装组件的 React Context 提供程序可能是您使用的解决方案,如果您不想使用任何其他包或不想使用 redux 等更强大的工具,则可以使用。 但是在这里使用有点尴尬,具体取决于包含交互的组件树是什么样子。否则可以根据您的需要使用 _app 入口点。 示例上下文和用法 import React from 'react'; export const InteractionContext = React.createContext({ isInteractionsLoading: false, isInteractionsError: null, }); // parent component or _app if necessary const ProviderComponent = () => { return ( <InteractionContext.Provider value={{ isInteractionsLoading, isInteractionsError }}> <Interactions /> </InteractionContext.Provider> ); }; const Layout = ({ children }) => { const { isInteractionsLoading, isInteractionsError } = useContext(InteractionContext); // Now you can use isInteractionsLoading and isInteractionsError here // ... return <div>{children}</div>; };


Firebase 管理员检索身份验证令牌以进行测试

我正在尝试让 JWT 通过 Firebase 管理员作为测试套件的用户在 Firebase 模拟器中进行身份验证。模拟器正在运行 firebase 所称的 << demo >> 项目,因此它...


参考错误:属性 firebase 不存在

我没有更改代码中的任何内容,但突然间,当我尝试使用 firebase 的身份验证创建用户时,它说属性“firebase”不存在。


Firebase 规则:“auth”对象上的属性访问无效

我使用的是 Firebase 实时数据库(不是 Firestore),并且 Firebase 规则存在问题。 我使用 Bolt 来生成规则: 路径/项目{ 读取(){假} write() { 假...


如何使用 Nuxt 中间件正确检查 Firebase Auth?

我有一个与 Firebase 连接的 Nuxt 应用程序。我有一个可组合的 useAuth() ,代码如下: 从 'firebase/auth' 导入 { type User, onAuthChangedListener }; 导出默认函数 () { c...


Firebase Cloud Storage 下载网址与路径

我是 Firebase 存储新手,想知道最佳实践是什么。 我想将图像上传到 firebase 云存储,并返回一个下载 url,然后将其存储到 firestore。难道...


Firebase 消息 sendToDevice() 新 API?

用于 Firebase 消息传递的“旧/版本 8”JavaScript API 具有向移动设备发送通知的功能: admin.messaging().sendToDevice(...) “新/模块化/


如何使用映射字符串对象 firebase 检索复选框的数据

我使用以下方法在 firebase 中上传数据: HashMap m = new HashMap(); if(approved.isChecked()){ m.put("


Flutter Firebase 设置和缺少 google_app_id。 Firebase 分析已禁用

我使用命令 flutter create test9_firebase_setup -a kotlin --platforms android 创建了一个新的 Flutter 应用程序。目标是连接到 firebase,并进行身份验证、分析和崩溃处理。 在我的


如何从 Firebase 数据库动态获取数据

我一直在尝试学习在我的项目中使用 firebase 数据库。但是,我无法让它工作,因为从我的 firebase 读取数据时似乎出现错误。我只看视频


在操作中检测到不可序列化的值(redux-toolkit)

在store中action的payload中,我使用File类型存储下载的文件,然后该文件将在saga中通过验证 const form = new FormData(); if (私钥 &&


使用 verifyPasswordResetCode 在 firebase 上验证电子邮件

我目前正在设置一些 firebase-auth。 对于电子邮件过程的恢复密码和验证,Firebase 使用一些默认页面,用户在获取之前通过电子邮件重定向到...


来自 firebase 的短信代码不匹配

我使用 firebase 电话身份验证创建了一个号码发送活动和确认/otp 片段。当定向到确认页面时,来自 Firebase 的 6 位数短信代码将发送至输入的电话号码...


如何在模拟器套件中运行firebase阻塞功能(beforeUserCreated)?

在网上搜索了多个小时并询问ChatGPT后,我没有找到解决方案。 我有一个 Firebase 项目(Web 应用程序),并且正在使用 Gen2 Javascript Node 来实现 Firebase 函数。我...


Firebase 功能部署上的 Google Cloud Secret 权限被拒绝

我有一个带有谷歌云功能的Firebase项目,如下所示: 导出 const myFun =functions.region("europe-west1") .runWith({ timeoutSeconds: 10, 秘密: ['MY_SECRET'] }) .h...


Firebase StreamSubscription 未在 flutter 代码中获取数据

我有 2 个 StreamSubscription,我想用它们从 Firebase 文档获取数据。 第一个是_trxnStream,第二个是_clientStream。 当我尝试使用这些 StreamSubscriptions 时,_trxn...


office 插件中的 Redux DevTools

我正在开发一个使用 Angular 15 的 Excel 插件,在 Angular 应用程序中,我刚刚添加了 @ngrx/store。我也将开发工具添加到了模块中。我注意到 Excel 使用 Edge 来运行该加载项。


Flutter:Firebase 消息通知无法播放声音,但它在代码中请求

我为我的 flutter 项目实现了 firebase 消息传递,并请求声音和徽章权限: 等待Firebase.initializeApp(选项:DefaultFirebaseOptions.currentPlatform); Firebase 消息传递


Flutter Firebase 存储不起作用:没有默认存储桶

我正在尝试使用此功能将 pdf 文件上传到 Firebase-Storage: 静态未来 savePdf({ 必需的 Uint8List assetAsUint8List, 必需的字符串文件名, 必填


Angular 12:Firebase 模块未正确提供(?)

第一次使用Firebase,所以我不知道发生了什么。我没有修改使用 ng add @angular/fire 获得的配置,所以我的 AppModule 中的内容是: @NgModule({ 声明:[


致命错误:在 Firebase Storage Swift SDK 中解包可选值时意外发现 nil

我的 Swift 应用程序在 FirebaseStorage/Storage.swift 第 49 行遇到致命错误,其中使用 FirebaseApp.app() 创建 Firebase Storage 实例!。错误指出“致命...


Flutter Firebase Firestore 固定消息查询

我喜欢这个查询 查询> pageChat = _fireStore .collection('聊天') .where('chatUsersId', arrayContains: firebaseUser!.uid) .where('聊天...


Firebase 通过 web3 注册/登录

我不想使用普通的 firebase 身份验证方法,而是使用 web3(特别是元掩码)来提供注册/登录,而无需电子邮件和密码。问题是我该如何处理


使用 Apple 登录而不使用 Firebase/Flutter

我有一个 firebase 项目,我在其中启用了通过 Google、Microsoft 的身份验证,最近我添加了 Apple。 Google 和 Microsoft 都可以正常工作,但 Apple 登录会抛出错误。我有


© www.soinside.com 2019 - 2024. All rights reserved.