从 Firebase 数据库检索时数据返回 null

Question

我目前正在尝试使用 react 创建一个 CRUD 联系人应用程序。我目前在通过我的数据库提取用户详细信息时遇到问题。这是我的代码：

import React, { Fragment, useEffect } from "react";
import { useParams } from "react-router-dom";

const ContactDetails = () => {
  const params = useParams();
  const { contactId } = params;

  useEffect(() => {
    fetch(
      `https://MY-DB.firebaseio.com/contacts/${contactId}.json`
    )
      .then((response) => {
        return response.json();
      })
      .then((data) => {
        console.log(data);
      });
  }, [contactId]);

  return (
    <Fragment>
      <h1>CONTACT DETAIL</h1>
      <p>{params.contactId}</p>
    </Fragment>
  );
};

export default ContactDetails;

但尝试记录数据会导致 null。

这是我的数据库： Database

感谢任何帮助。