首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >@react本机-使用react redux-firebase V3的防火墙集成

@react本机-使用react redux-firebase V3的防火墙集成
EN

Stack Overflow用户
提问于 2021-07-15 16:22:51
回答 1查看 452关注 0票数 1

有没有人知道如何将@react本机-firebase与V3集成?

我在本教程中安装了https://rnfirebase.io/本机防火墙。

代码语言:javascript
复制
  "dependencies": {
    ...
    "@react-native-firebase/app": "^12.1.0",
    "@react-native-firebase/auth": "^12.1.0",
    "@react-native-firebase/firestore": "^12.1.0",
    ...
  },

git码如何使用react-本机实现react redux-firebase,因为它仍然使用V2,因此它似乎被废弃了。

网站上的文件

  • 在配置存储区时使用没有输入的防火墙?
  • 使用从“react redux-firebase”而不是“@redux firebase/.”的导入。(有什么不同?)
代码语言:javascript
复制
import React from 'react'
import { render } from 'react-dom'
import { Provider } from 'react-redux'
import RNFirebase from 'react-native-firebase';
import { createStore, combineReducers, compose } from 'redux'
import { ReactReduxFirebaseProvider, firebaseReducer } from 'react-redux-firebase'
// import { createFirestoreInstance, firestoreReducer } from 'redux-firestore' // <- needed if using firestore

...

// Initialize firebase instance
firebase.initializeApp(fbConfig)

是否有人知道如何正确地将@react本机-firebase与redux firebase V3 ?集成

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-10-09 14:19:31

这是解决办法,

您需要导入这样的模块,并使用app()函数检索一个firebase实例。

这是我的configStore文件

代码语言:javascript
复制
import {createStore, applyMiddleware, compose} from 'redux';
import rootReducer from '../Redux/Reducers/rootReducer';
import middlewares from '../Redux/Middleware/middleware';
import {createFirestoreInstance} from 'redux-firestore'; // <- needed if using firestore
import {persistReducer, persistStore} from 'redux-persist';
import rrfConfig from '../Redux/Config/reactReduxFirebaseConfig';
import persistConfig from '../Redux/Config/persistConfig';

// Cherry-pick modules of react-native-firebase 6.x
// import '@react-native-firebase/analytics';
// import '@react-native-firebase/crashlytics';
// import '@react-native-firebase/dynamic-links';
// import '@react-native-firebase/perf';
// import '@react-native-firebase/remote-config';
import '@react-native-firebase/auth';
import '@react-native-firebase/firestore';
import '@react-native-firebase/database';
import '@react-native-firebase/storage';

import RNfirebase from '@react-native-firebase/app';
const firebase = RNfirebase.app(); // <-- Retrieve an instance of a FirebaseApp.

// persist reducer in storage
const persistedReducer = persistReducer(persistConfig, rootReducer);

// Create store with reducers
const store = createStore(
  persistedReducer,
  compose(applyMiddleware(...middlewares)),
);

// react-redux-firebase props
export const rrfProps = {
  firebase,
  config: rrfConfig,
  dispatch: store.dispatch,
  createFirestoreInstance, // <- needed if using firestore
};

export const persistor = persistStore(store);

export default store;
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/68397443

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档