Данные возвращают значение null при извлечении из базы данных firebase

# #javascript #reactjs #firebase-realtime-database #crud

Вопрос:

В настоящее время я пытаюсь создать приложение для контактов CRUD с помощью react. В настоящее время у меня возникла проблема с извлечением сведений о пользователе из моей базы данных. Вот мой код:

 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 .

Вот моя база данных: База данных

Любая помощь будет признательна.

Комментарии:

1. добавьте блок catch после последнего .then() и выполните вход в консоль объекта err, чтобы узнать, дает ли он вам дополнительную информацию.

2. Спасибо, что ответили. К счастью, я смог найти проблему, мой вызов на эту страницу содержал»: «в ссылке, поэтому вместо того, чтобы ContactID был «НЕКОТОРЫМ идентификатором», это был»: НЕКОТОРЫЙ идентификатор», таким образом, не относящийся ни к какому ключу в моей БД.

3. Рад, что ты с этим разобрался!