ソースコード
index
1import * as firebase from 'firebase/app' 2import 'firebase/database'; 3import 'firebase/firestore'; 4 5const firebaseConfig = { 6 apiKey: "", 7 authDomain: "", 8 databaseURL: "", 9 projectId: "", 10 storageBucket: "", 11 messagingSenderId: "", 12 appId: "" 13}; 14 15firebase.initializeApp(firebaseConfig); 16const database = firebase.database(); 17const firestore = firebase.firestore(); 18 19export { firebase, database, firestore }
component
1import { database, firestore } from './firebase/index' 2 3class RoomContent extends React.Component<any, any> { 4 componentWillMount() { 5 database.ref('rooms').on('value', (snapshot) => { 6 console.log('realtimeDB res'); 7 console.log(snapshot); 8 }) 9 firestore.collection('rooms').get().then(data => { 10 data.forEach(res => { 11 console.log('firestore res'); 12 console.log(res.data()); 13 }) 14 }) 15 } 16}
※ .tsxファイルです
Firebase
・RealtimeDB
・firestore
ブラウザ動作確認
RealtimeDBのみレスポンスが返ってこないようで、その原因がわからずにいます。
お分かりになる方は、ご教示いただきたいですmm
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/05/29 10:55
2019/05/29 11:02