obtener un error de propiedad indefinida en this.props.firebase.doSendEmailVerification() por lo tanto (.then) no está definido, ¿alguien puede ayudarme a solucionar este error? el código tiene que volver a enviar la verificación por correo electrónico si el usuario no puede registrarse durante el primer correo de verificación.
import React from 'react'; import AuthUserContext from './context'; import { withFirebase } from '../Firebase'; const needsEmailVerification = authUser => authUser && !authUser.emailVerified && authUser.providerData .map(provider => provider.providerId) .includes('password'); const withEmailVerification = Component => { class WithEmailVerification extends React.Component { constructor(props) { super(props); this.state = { isSent: false }; } onSendEmailVerification = () => { this.props.firebase .doSendEmailVerification() .then(() => this.setState({ isSent: true })); }; render() { return ( <AuthUserContext.Consumer> {authUser => needsEmailVerification(authUser) ? ( <div> {this.state.isSent ? ( <p> E-Mail confirmation sent: Check your E-Mails (Spam folder included) for a confirmation E-Mail. Refresh this page once you confirmed your E-Mail. </p> ) : ( <p> Verify your E-Mail: Check your E-Mails (Spam folder included) for a confirmation E-Mail or send another confirmation E-Mail. </p> )} <button type="button" onClick={this.onSendEmailVerification} disabled={this.state.isSent} > Send confirmation E-Mail </button> </div> ) : ( <Component {...this.props} /> ) } </AuthUserContext.Consumer> ); } } return withFirebase(WithEmailVerification); }; export default withEmailVerification;
