Javascript Can';t从Firebase保存或获取数据(React Native&;Firebase新增)
所以我有一个日记应用程序,我正试图用React Native编写它。我是一个新的反应者,但我读到的每一件事都表明我所做的应该是有效的。基本上,我正在将一些数据放入redux操作类并尝试编写它。但是我一直在 undefined不是“评估”对象\u firebase2.default.database.ref') 我已经阅读了教程中的“将新数据保存到firebase”部分,我使用了多次,但我不知道我做错了什么。这是我的代码Javascript Can';t从Firebase保存或获取数据(React Native&;Firebase新增),javascript,reactjs,firebase,react-native,firebase-realtime-database,Javascript,Reactjs,Firebase,React Native,Firebase Realtime Database,所以我有一个日记应用程序,我正试图用React Native编写它。我是一个新的反应者,但我读到的每一件事都表明我所做的应该是有效的。基本上,我正在将一些数据放入redux操作类并尝试编写它。但是我一直在 undefined不是“评估”对象\u firebase2.default.database.ref') 我已经阅读了教程中的“将新数据保存到firebase”部分,我使用了多次,但我不知道我做错了什么。这是我的代码 import firebase from 'firebase'; impor
import firebase from 'firebase';
import { Actions } from 'react-native-router-flux';
import { DIARY_UPDATE, DIARY_SAVED, DIARY_FETCH_SUCCESS } from './types';
export const diaryUpdate = ({ prop, value }) => ({
type: DIARY_UPDATE,
payload: { prop, value }
});
export const diarySave = ({ date, location, activity, satisfaction,
amenities, note }) => {
const { currentUser } = firebase.auth();
return (dispatch) => {
firebase.datebase.ref(`Users/${currentUser.uid}/diary`)
.push({ date, location, activity, satisfaction, amenities, note })
.then(() => {
dispatch({ type: DIARY_SAVED });
Actions.dashboard({ type: 'Replace' });
});
};
};
export const diaryFetch = () => {
const { currentUser } = firebase.auth();
return (dispatch) => {
firebase.datebase.ref(`Users/${currentUser.uid}/diary`)
.on('value', snapshot => {
dispatch({ type: DIARY_FETCH_SUCCESS, payload: snapshot.val() });
});
};
};
我让控制台记录这些值,以检查所传递的内容是否没有问题
这是我初始化firebase的App.js。我应该提到firebase的身份验证功能运行良好
import React, { Component } from 'react';
import { Provider } from 'react-redux';
import { createStore, applyMiddleware } from 'redux';
import firebase from 'firebase';
import reduxThunk from 'redux-thunk';
import reducers from './src/reducers';
import Router from './src/Router';
export default class App extends Component {
componentWillMount() {
if (!firebase.apps.length) {
const fconfig = {
apiKey: 'AIzaSyAkYD2TodRFEiln8JZPp2DtDyfIwIr654U',
authDomain: 'yourhappyplace-6c049.firebaseapp.com',
databaseURL: 'https://yourhappyplace-6c049.firebaseio.com',
projectId: 'yourhappyplace-6c049',
storageBucket: 'yourhappyplace-6c049.appspot.com',
messagingSenderId: '634967086167'
};
firebase.initializeApp(fconfig);
}
}
render() {
//Create redux store with redux thunk middleware
const happyStore = createStore(reducers, {}, applyMiddleware(reduxThunk));
return (
<Provider store={happyStore}>
<Router />
</Provider>
);
}
}
import React,{Component}来自'React';
从'react redux'导入{Provider};
从“redux”导入{createStore,applyMiddleware};
从“firebase”导入firebase;
从“redux thunk”导入redux thunk;
从“/src/reducers”导入减速机;
从“/src/Router”导入路由器;
导出默认类应用程序扩展组件{
组件willmount(){
如果(!firebase.apps.length){
常数fconfig={
apiKey:“Aizasyakyd2todrfeiln8jzpp2dtyfiwir654u”,
authDomain:“yourhappyplace-6c049.firebaseapp.com”,
数据库URL:'https://yourhappyplace-6c049.firebaseio.com',
投影:“yourhappyplace-6c049”,
storageBucket:“yourhappyplace-6c049.appspot.com”,
messagingSenderId:'634967086167'
};
firebase.initializeApp(fconfig);
}
}
render(){
//使用redux thunk中间件创建redux存储
const happyStore=createStore(reducer,{},applyMiddleware(reduxThunk));
返回(
);
}
}
有人知道我到底做错了什么吗?谢谢!要访问FirebaseDatabase实例,请在
FirebaseApp
实例上调用database()
方法
因此拼写为database()
,并带有括号:
firebase.database().ref(...)
这
firebase.datebase.ref(…)
应该是firebase.database().ref(…)
(不同的拼写和带括号)。非常感谢!我知道这是一个愚蠢的东西,但我就是看不见这个愚蠢的东西。再次感谢!