Firebase，React Native:数据库已连接，但可以'无法从消防仓库获取数据

Question

我正在开发一个简单的React Native应用程序，需要连接到数据库(在本例中为firebase firestore(。我试过几个包，但问题仍然存在。目前我正在使用firebase^9.6.3(模块化版本(>(通过"npm安装--保存firebase"(。

已初始化firebase。。。

import {initializeApp} from 'firebase/app';
import {getFirestore} from 'firebase/firestore';
const firebaseConfig = {
...
};
const app = initializeApp(firebaseConfig);
export const db = getFirestore(app);

试图获取数据。。

const Firestore = () => {
const [state, setstate] = useState('');
const getData = async database => {
try {
const user = doc(database, 'testData', 'testDoc');
const userSnap = await getDoc(user);
const userName = userSnap.data().name;
setstate(userName);
return state;
} catch (error) {
alert(error.message);
}
};
{
useEffect(() => {
getData(db);
}, []);
}
return (
<View>
<Text>not showing... {state}</Text>
</View>
);
};
export default Firestore;

虽然代码很好，firebase仪表板显示设备已连接，但无法获取数据。警报显示："由于客户端脱机，无法获取文档。"尽管互联网连接还可以，我可以从其他来源获取数据/文件。我需要帮助。。

Answer 1

你能试试这个吗：

const Firestore = () => {
const [state, setstate] = useState('');

useEffect(() => {
async function getData(database){
try {
const user = doc(database, 'testData', 'testDoc');
const userSnap = await getDoc(user);
const userName = userSnap.data().name;
setstate(userName);
return state;
} catch (error) {
alert(error.message);
}
}
getData(db);
},[])
return (
<View>
<Text>not showing... {state}</Text>
</View>
);
};
export default Firestore;