将 firestore 模拟器与 reactfire 一起使用

问题描述

所以按照 this 帖子的答案,我设法使用 reactfire 连接到我的 firestore 模拟器

import * as React from 'react';
import { Route,Switch } from 'react-router-dom';
import { preloadFirestore,useFirebaseApp } from 'reactfire';
import { Board } from '../Board/Board';
import CreateGame from '../CreateGame/CreateGame';
import Menu from '../Menu/Menu';
import firebase from 'firebase'


const preloadSDKs = (firebaseApp: firebase.app.App) => {
    return Promise.all([
        preloadFirestore({
            firebaseApp,setup: firestore => {
                return firestore().settings({ host: 'localhost:8080',ssl: false });
            }
        }),]);
};

interface IAppProps {
}

const App: React.FunctionComponent<IAppProps> = (props) => {

    const firebaseApp = useFirebaseApp();

    preloadSDKs(firebaseApp).then(() => Promise.resolve());

    return (
        <main>
            <Switch>
                <Route path="/game">
                    <Board />
                </Route>
                <Route path="/create-game">
                    <CreateGame />
                </Route>
                <Route path="/">
                    <Menu />
                </Route>
            </Switch>
        </main>
    );
};

export default App;

现在我有一些问题:

  • preloadSDKs 函数具体有什么作用?
  • 如何在开发中使用 Firestore 模拟器和在生产中使用我的 Cloud Firestore 之间切换?

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)