sbt*_*tgE 3 firebase reactjs react-redux-firebase
在带有 v3.0.0 的 react-redux-firebase 中,有什么替代方案可以确定 auth 是否准备就绪 - 首次渲染?在这种情况下,问题是商店不包含 firebaseAuthIsReady 还是我遗漏了什么?
//ReactReduxFirebaseProvider v3.0.0
const rrfConfig = {
userProfile: 'users',
attachAuthIsReady: true,
firebaseStateName: 'firebase'
}
//const store = configureStore(initialState, history, rrfConfig);
const store = configureStore(initialState, history);
const rrfProps = {
firebase,
config: rrfConfig,
dispatch: store.dispatch,
createFirestoreInstance
}
const MOUNT_NODE = document.getElementById('root')
//store.firebaseAuthIsReady.then(() => {
ReactDOM.render(
<MuiThemeProvider theme={theme}>
<Provider store={store}>
<ReactReduxFirebaseProvider {...rrfProps}>
<ConnectedRouter history={history}>
<App />
</ConnectedRouter>
</ReactReduxFirebaseProvider>
</Provider>
</MuiThemeProvider>,
MOUNT_NODE
);
Run Code Online (Sandbox Code Playgroud)
小智 5
//For React Redux Firebase v3.0.*
import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
import { createStore, applyMiddleware, compose } from 'redux';
import { Provider, useSelector } from 'react-redux';
import thunk from 'redux-thunk';
import rootReducer from './myproject/rootReducer';
import { createFirestoreInstance } from 'redux-firestore';
import { ReactReduxFirebaseProvider, isLoaded } from 'react-redux-firebase';
import firebase from './myproject/config/fbConfig';
const rrfConfig = {}
const store = createStore(
rootReducer,
compose(
applyMiddleware(thunk) // if you are using thunk
)
)
const rrfProps = {
firebase,
config: rrfConfig,
dispatch: store.dispatch,
createFirestoreInstance
}
function AuthIsLoaded({ children }) {
const auth = useSelector(state => state.firebase.auth)
if (!isLoaded(auth)) return <div>Loading Screen...</div>;
return children
}
ReactDOM.render(<Provider store={store}><ReactReduxFirebaseProvider {...rrfProps}>
<AuthIsLoaded><App /> </AuthIsLoaded></ReactReduxFirebaseProvider>
</Provider>, document.getElementById('root'));
Run Code Online (Sandbox Code Playgroud)
请参阅 react-redux-firebase 文档:在 http://react-redux-firebase.com/ 上等待 Auth 加载
| 归档时间: |
|
| 查看次数: |
1923 次 |
| 最近记录: |