React native 为什么react-redux firebase不是一个函数?

React native 为什么react-redux firebase不是一个函数?,react-native,google-cloud-firestore,react-redux,React Native,Google Cloud Firestore,React Redux,我正在学习firestore与react native的集成,我遇到了这个非常奇怪的错误。在这段代码中,在不同的文件中创建带有增强器的存储,然后在主App.js文件中使用该存储。任何帮助都将不胜感激 store.js import { createStore, compose } from 'redux' import { reactReduxFirebase,getFirebase } from 'react-redux-firebase' import { reduxFirestore,g

我正在学习firestore与react native的集成,我遇到了这个非常奇怪的错误。在这段代码中,在不同的文件中创建带有增强器的存储,然后在主App.js文件中使用该存储。任何帮助都将不胜感激

store.js

import { createStore, compose } from 'redux'
import { reactReduxFirebase,getFirebase } from 'react-redux-firebase'
import { reduxFirestore,getFirestore } from 'redux-firestore'
import ReduxThunk from 'redux-thunk';
import { initialState, rootReducer } from '../Reducers/index.js'
import fbConfig from './fbConfig'
import firebase from 'firebase/app'
import 'firebase/firestore'

if (!firebase.apps.length) {
   firebase.initializeApp(fbConfig)
}


const enhancers = [
  reduxFirestore(firebase),
  reactReduxFirebase(firebase, {
    userProfile: 'Movies',
    useFirestoreForProfile: true,
  })
]

const reduxDevToolsExtension = window.devToolsExtension
if (
  process.env.NODE_ENV === "development" &&
  typeof reduxDevToolsExtension === "function"
) {
  enhancers.push(reduxDevToolsExtension())
}

const composedEnhancers = compose(
  ...enhancers,
  applyMiddleware(thunk.withExtraArgument({getFirebase,getFirestore}))
)

const store = createStore(rootReducer, initialState, composedEnhancers)


export default store
App.js

import React, { Component } from 'react';
import { Provider } from 'react-redux';
import {View,Platform,StatusBar} from 'react-native';
import { createStore, applyMiddleware } from 'redux';
import ReduxThunk from 'redux-thunk';
import reducers from './src/Reducers';
import SafeAreaView from 'react-native-safe-area-view';
import RootNav from './src/Navigator';
import store from './src/config/store.js'

import TheatreList from './src/Components/TheatreList';


class App extends Component {

  render() {

    return (
        <View style={{flex:1}}>
          <Provider store={store}>
            <RootNav />
          </Provider>
        </View>
    );
  }
}

export default App;
import React,{Component}来自'React';
从'react redux'导入{Provider};
从“react native”导入{视图、平台、状态栏};
从“redux”导入{createStore,applyMiddleware};
从“redux thunk”导入redux thunk;
从“/src/reducers”导入减速机;
从“反应本机安全区域视图”导入安全区域视图;
从“./src/Navigator”导入RootNav;
从“./src/config/store.js”导入存储
从“/src/Components/theaterlist”导入剧院列表;
类应用程序扩展组件{
render(){
返回(
);
}
}
导出默认应用程序;

我认为您试图使用的是错误的。你想用的似乎是这个

示例

从“React”导入React
从'react dom'导入{render}
从“react redux”导入{Provider}
从“firebase/app”导入firebase
导入“firebase/auth”

//导入已删除错误的'firebase/firestore'。谢谢。你能解释一下你在代码里做了什么吗?