Переписывание моего проекта с помощью React-хуков вместо компонентов класса.
myfile.js
import React, { Component, useState, useEffect } from 'react';
import * as firebase from 'firebase';
const MessageList = () => {
const [messages, setMessages] = useState([]);
const [usernames, setUsernames] = useState('');
const [contents, setContents] = useState('');
const [roomId, setRoomId] = useState('');
MessageList.messagesRef = MessageList.firebase.database().ref('messages');
useEffect(() => {
MessageList.messagesRef.on('child added', snapshot => {
const message = snapshot.val();
message.key = snapshot.key;
setMessages([...messages, message]);
});
}, []);
Я получаю module not found: cannot resolve...
ошибку, и, скорее всего, потому что я не знаю, какимпортировать мой основной App.js
файл.
Если у меня есть src/components/myfile.js
, как мне добавить оператор импорта в моем myfile.js
для ссылки на файл App.js
, который находится в моей папке src
?
Я не уверен, что это моя единственная проблема, поскольку я сталкивался с другими ошибками ранее.
ТЕКУЩИЙ ВЫПУСК
Я подключилсяЯ считаю, что моя база корректно работает, и я получаю cannot read property database of undefined
по этой строке:
MessageList.messagesRef = MessageList.firebase.database().ref('messages');