reactjs - 使用带有 reactfire 的 firestore 模拟器

Question

所以按照这篇文章的答案，我设法使用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 模拟器和在生产中使用我的云 Firestore 之间切换？

标签： reactjsfirebasegoogle-cloud-firestorefirebase-toolsreactfire