본문 바로가기

[내일배움캠프]/TIL

23.02.08) 최종 프로젝트 작업을 진행한 70일차

__app.tsx > _document 순서로 진행?하는 것 같다.

 

오늘 한 것

기초 셋업

firebase비밀번호 찾기 작업중

import React, { useState } from "react";
import { getAuth, sendPasswordResetEmail } from "firebase/auth";
import { authService, dbService } from "../shared/firebase";
import { doc, getDoc, updateDoc, DocumentData } from 'firebase/firestore';

const FindPassword = () => {
  const auth = getAuth();
  const [formData, setFormData] = useState<DocumentData>({
    displayName: displayName,
    email: email,
    uid: uid,
  });
  const EditPassword = () => {
    sendPasswordResetEmail(user, credential)
      .then(() => {
        // User re-authenticated.
      })
      .catch((error) => {
        // An error ocurred
        // ...
      });
  };

  return (
    <>
      <h4>이메일 찾기</h4>
      <input />
      <input />
      <input />
      <input />
      <button
        style={{ marginTop: 30 }}
        onClick={() => {
          EditPassword;
        }}
      >
        비밀번호 찾기
      </button>
      <button>취소</button>
    </>
  );
};
export default FindPassword;