Aufruf von js-Funktionen im reaktiven nativen

Question

Ich habe einen Schlag auf der Straße, als ich versuchte, eine E-Mail über Regex zu validieren. Ich bekomme einen undefinierten Funktionsfehler beim Versuch, die eingebaute JavaScript .test() - Methode für Regex-Tests zu verwenden. Gibt es bestimmte spezielle Schlüsselwörter, die verwendet werden können, wenn auf diese Arten von Funktionen verwiesen wird?

Danke! Ich schätze deine Eingabe.

Dies sind die zwei Abschnitte von Codes, die Probleme verursachen.

class LoginForm extends Component { 

state = { email: '', password: '', warning: '', loading: false, color:  '#FFFFFF' }; 

    onButtonPress() { 
     const { email, password } = this.state; 

    this.setState({ loading: true }); 
    this.setState({ warning: '' }); 

    if (this.verifyEmail(email)) { 
    firebase.auth().signInWithEmailAndPassword(email, password) 
    .then(this.onLoginSuccess.bind(this)) 
    .catch(() => { 
     firebase.auth().createUserWithEmailAndPassword(email, password) 
     .then(this.onLoginSuccess.bind(this)) 
     .catch(this.onLoginFail.bind(this)); 
    }); 
    } 
    else { 
    this.onLoginFail.bind(this); 
    } 
} 

    verifyEmail = (email) => { 
    const regex = '^[a-zA-Z0-9_.+-]+@(?:(?:[a-zA-Z0-9-]+\.)?[a-zA-Z]+\.)? (gmail)\.com$'; 
    return regex.test(email); 
    } 

Answer 1

Ihre Regex nur ein String aber keine echte regex, sollten Sie einen regulären Ausdruck wie folgt erstellen:

verifyEmail = (email) => { 
    const regex = /^[a-zA-Z0-9_.+-]+@(?:(?:[a-zA-Z0-9-]+\.)?[a-zA-Z]+\.)? (gmail)\.com$/; 
    return regex.test(email); 
} 

die Regex werden oft wiederverwendet werden. so schlage ich vor, Sie dies tun:

const regex = /^[a-zA-Z0-9_.+-]+@(?:(?:[a-zA-Z0-9-]+\.)?[a-zA-Z]+\.)? (gmail)\.com$/; 

var verifyEmail = (email) => { 
    return regex.test(email); 
}