注册时创建集合

Question

我试图允许用户注册，并在firebase/firestore中为自己创建一个集合。该功能本质上是验证并创建一个数据库/将它们重新路由到主页。这个逻辑已经在"；createDatabaseOnSignUp"；下面的函数。(或者它是一个变量？(

我收到一个错误，上面写着"；没有定义防火带">

我是一个自学成才的程序员，所以也许我错过了一些显而易见的东西。如果有人能给我指明正确的方向，或者知道该进口什么，我将不胜感激。

我的代码如下：

import React, { useRef } from "react";
import { useAuth } from "../../context/AuthContext";
import "./SignUp.scss";
import { Link } from "react-router-dom";
import { collection, getDocs, doc, setDoc, getDoc } from "firebase/firestore";
import { db } from "../../firebase-config";
function SignUp() {
const { signUp, currentUser } = useAuth();
const emailRef = useRef();
const passwordRef = useRef();
// console.log(currentUser.email);
const createDatabaseOnSignUp = (emailRef, passwordRef, name) => {
// create firebase database for user
const user = firebase
.auth()
.signUp(emailRef, passwordRef)
.then((cred) => {
return;
db.collection("name").doc(
cred.user.uid.set({
emailRef,
name,
})
);
});
return { user };
// sign up with userAuth
//navigate to homepage
// console log success
console.log("Thanks for registering! Make your first label!");
};
return (
<div className="signup">
<div></div>
<h1 className="signup__title">Please Sign Up...</h1>
<div className="signup__section">
<label className="signup__label">Email</label>
<input className="signup__input" ref={emailRef} type="email"></input>
</div>
<div className="signup__section">
<label className="signup__label">Password</label>
<input
className="signup__input"
ref={passwordRef}
type="password"
></input>
</div>
<div className="signup__section">
<label className="signup__label">Confirm Password</label>
<input className="signup__input" type="password"></input>
</div>
<button
className="signup__button"
onClick={() =>
signUp(emailRef.current.value, passwordRef.current.value)
}
>
Sign Up
</button>
<h3 className="signup__text">
Already have an account?{" "}
<Link to="/login" className="signup__underline">
Log in
</Link>
</h3>
</div>
);
}
export default SignUp;

Answer 1

这似乎已经消除了错误：

const createDatabaseOnSignUp = (emailRef, passwordRef, name) => {
// create firebase database for user
const user = useAuth()
.signUp(emailRef, passwordRef)
.then((cred) => {
return;
db.collection("name").doc(
cred.user.uid.set({
emailRef,
name,
})
);
});
return { user };