# #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. Рад, что ты с этим разобрался!