• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Dostęp do profilu użytkownika w Firebase React

VPS Starter Arubacloud
0 głosów
154 wizyt
pytanie zadane 14 marca 2020 w JavaScript przez poldeeek Mądrala (5,980 p.)

Chciałem mieć dostęp do profilu użytkownika w obiekcie firebase.profile, ale nie wiem czemu obiekt ten cały czas wygląda tak : 
 

isEmpty: true
isLoaded: false

fbConfig.js
 

import firebase from 'firebase/app'
import 'firebase/firestore'
import 'firebase/auth'

var firebaseConfig = {};

export const rrfConfig = {
  userProfile: 'users',
  useFirestoreForProfile: true
}

// Initialize Firebase
export const fire = firebase.initializeApp(firebaseConfig);

firebase.firestore().settings({
   timestampsInSnapshots : true
  });


export default firebase;

index.js
 

[...]
const store = createStore(
    rootReducer,
    compose(
        applyMiddleware(thunk.withExtraArgument({getFirebase,getFirestore})),
        reduxFirestore(firebase, rrfConfig)
        )
);

const rrfProps = {
    firebase,
    config: rrfConfig,
    dispatch: store.dispatch,
    createFirestoreInstance
}


ReactDOM.render(
    <Provider store={store}>
        <ReactReduxFirebaseProvider {...rrfProps}>
            <App />
        </ReactReduxFirebaseProvider>
    </Provider>
    , document.getElementById('root'));
serviceWorker.unregister();

i NavBar.js
 

import React from 'react'
import styles from './loggedNavBar.module.css'

import { connect } from 'react-redux'
import { signOut } from '../../store/actions/authActions'

const LoggedNavBar = props => {

    return (
        <div className={styles.NavBar}>
            Zalogowany
            <button onClick={props.signOut}>Wyloguj</button>
        </div>
    )
}

const mapStateToProps = state => {
    console.log(state);
    return {
        userID: state.firebase.auth.uid,
        profile: state.firebase.profile
    }
}

const mapDispatchToProps = dispatch => {
    return {
        signOut: () => dispatch(signOut())
    }
}

export default connect(mapStateToProps, mapDispatchToProps)(LoggedNavBar);

Wzorowałem się na tych stronach :
https://react-redux-firebase.com/docs/firestore,
 https://react-redux-firebase.com/docs/recipes/profile.html
I nie mam pojęcia gdzie może znajdować się błąd...

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

Podobne pytania

0 głosów
0 odpowiedzi 130 wizyt
pytanie zadane 15 marca 2020 w JavaScript przez poldeeek Mądrala (5,980 p.)
0 głosów
0 odpowiedzi 393 wizyt
pytanie zadane 25 kwietnia 2020 w JavaScript przez poldeeek Mądrala (5,980 p.)
0 głosów
1 odpowiedź 217 wizyt
pytanie zadane 22 kwietnia 2020 w JavaScript przez poldeeek Mądrala (5,980 p.)

93,015 zapytań

141,976 odpowiedzi

321,270 komentarzy

62,358 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Wprowadzenie do ITsec, tom 2

Można już zamawiać tom 2 książki "Wprowadzenie do bezpieczeństwa IT" - będzie to około 650 stron wiedzy o ITsec (17 rozdziałów, 14 autorów, kolorowy druk).

Planowana premiera: 30.09.2024, zaś planowana wysyłka nastąpi w drugim tygodniu października 2024.

Warto preorderować, tym bardziej, iż mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy dodatkowe 15% zniżki! Dziękujemy zaprzyjaźnionej ekipie Sekuraka za kod dla naszej Społeczności!

...