reactjs - 使用 MongoDB 和 Axios 在 React 中显示电子邮件已经存在

Question

我希望用户在路线上注册 /register

现在，当用户输入名称、电子邮件和密码等详细信息时，如果电子邮件已经在数据库中，他们将看到电子邮件已存在的错误。

注册路线

router.post('/register',async (req,res)=>{
    const saltPassword = await bcrypt.genSalt(10)
    const securedPassword = await bcrypt.hash(req.body.password,saltPassword)

    const registeredUser = new registerTemplateBluePrint({
        fName:req.body.fName,
        lName:req.body.lName,
        email:req.body.email,
        password:securedPassword
    })
    registeredUser.save().then(data=>{
        res.status(200).json({
            data:data,
            message:"Registered Successfully"
        })
    }).catch(error=>{
        res.status(496).json({
            error:error,
            message:"Some error cocccur"
        })
        
    })
})

module.exports = router;

注册页面

const registrationData={
        fName:values.fName,
        lName:values.lName,
        email:values.email,
        password:values.password
      }
    
  axios.post('http://localhost:4000/register',registrationData)
      .then(response=>{
      console.log("I am the from THEN")
      console.log(response)
      
      })
      .catch(error => {
      console.log("I am the from CATCH")
        console.log(error)
      })
  
    },
  });

我只想在电子邮件已经注册时显示一个组件，以便他们可以更改电子邮件。

使用响应和错误我无法显示从 MongoDB.save() 响应收到的错误。