Как я могу загрузить аутентификацию? - PullRequest
Новая
       25

Как я могу загрузить аутентификацию?

0 голосов
/ 20 февраля 2020

Я пытаюсь отображать подписанные ссылки, когда кто-то вошел в систему. Однако я не могу этого сделать, так как аутентификация firebase никогда не загружается, поэтому ссылки не отображаются. Как я могу получить аутентификацию для загрузки ?? Мой код неверен? Я потратил на это часы. Любая помощь будет принята с благодарностью. 

import { Link } from 'react-router-dom';
import SignedInLinks from './SignedInLinks';
import SignedOutLinks from './SignedOutLinks';
import { connect } from 'react-redux';
import { NavLink } from 'react-router-dom';
import "materialize-css/dist/css/materialize.min.css"
import M from  'materialize-css/dist/js/materialize.min.js';
import { isLoaded } from 'react-redux-firebase'




export class Navbar extends React.Component {

    constructor(props) {
        super(props);
        this.state = {
            authIsLoaded : isLoaded(props.auth),
            links : props.auth.uid ? <SignedInLinks /> : <SignedOutLinks />
        }; 
    }




    componentDidMount() {
        const M=window.M;
        document.addEventListener('DOMContentLoaded', function() {
            var elems = document.querySelectorAll('.sidenav');
            var instances = M.Sidenav.init(elems, {});
          });
    }

    render () {
        console.log(this.authIsLoaded)
        return (
            <div>  
            <nav className="nav-wrapper blue darken-4">
                <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"></link>

                <div class='container'>
                <a href="/" className='brand-logo'>DSHS</a>
                <a href="/" className="sidenav-trigger" data-target="mobile-links">
                    <i className="material-icons">menu</i>
                </a>
                    <ul className="right hide-on-med-and-down">
                        <SignedInLinks />

                    </ul>
                </div>
            </nav>
            <ul className="sidenav" id="mobile-links">
                {this.state.authIsLoaded && this.state.links}
            </ul>
            </div>

        );

    }

}




const mapStateToProps = (state) => {
    return {
        auth: state.firebase.auth
    }
}
export default connect(mapStateToProps)(Navbar);```

1 Ответ

0 голосов
/ 26 февраля 2020

Я не могу понять, в чем именно проблема, но я думаю, это то, что вы на самом деле спрашиваете:

image
...