• 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

Object Storage Arubacloud
0 głosów
140 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 123 wizyt
pytanie zadane 15 marca 2020 w JavaScript przez poldeeek Mądrala (5,980 p.)
0 głosów
0 odpowiedzi 312 wizyt
pytanie zadane 25 kwietnia 2020 w JavaScript przez poldeeek Mądrala (5,980 p.)
0 głosów
1 odpowiedź 206 wizyt
pytanie zadane 22 kwietnia 2020 w JavaScript przez poldeeek Mądrala (5,980 p.)

92,579 zapytań

141,429 odpowiedzi

319,657 komentarzy

61,962 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.

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...