Estoy trabajando en una aplicación React. La aplicación tiene funciones básicas de autenticación. Aquí está el código a continuación.
export async function registration(email, password, firstName, phone) { try { await firebase.auth().createUserWithEmailAndPassword(email, password); const currentUser = firebase.auth().currentUser; const db = firebase.firestore(); db.collection("users").doc(currentUser.uid).set({ email: currentUser.email, firstName: firstName, phone: phone, password: password, }); } catch (err) { Alert.alert("Please Use Another Email ID", err.message); } }El problema aquí es que estoy tratando de crear una alerta personalizada para un error específico que es "La ID de correo electrónico ya existe". Pero Firebase tiene su propia plantilla de error predefinida definida para él.
Y cuando reemplazo con un código personalizado mencionado a continuación,
Alert.alert("Please Use Another Email ID", "This email ID already exists. If issue persists, contact support", [ { text: "Ok", onPress: () => null, style: "cancel", }, { text: "Contact Support", onPress: () => Linking.openURL('mailto: example@email.com'), }, ]); return true;}
funciona, pero muestra la misma alerta para cada error presente.
alguien ayuda. Soy relativamente nuevo en React y JS.
Escriba una función personalizada que admita el error de autenticación y muestre una alerta en consecuencia:
export function processAuthError(authError: string) { if(authError.includes('user-not-found')) { Alert.alert('User not found', 'You probably have to sign up first.') } else if(authError.includes('wrong-password')) { Alert.alert('Wrong password', 'Try again.') } else if(authError.includes('email-already-in-use')) { Alert.alert("Please Use Another Email ID", "This email ID already exists. If issue persists, contact support", [ { text: "Ok", onPress: () => null, style: "cancel", }, { text: "Contact Support", onPress: () => Linking.openURL('mailto: example@email.com'), }, ]); } else if(authError.includes('network-request-failed')) { Alert.alert('Network error', 'Try again later or check your internet connection.') } else { Alert.alert('Unknown Error', 'Try again later.') } }En realidad, esto debería funcionar bastante bien desde el primer momento, ya que lo estoy usando en mi propio código con Firebase, solo que ligeramente diferente. Simplemente devuelvo una cadena personalizada y luego muestro la alerta con ella, pero dado que no desea alertas personalizadas, esta es la mejor manera.