Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/26.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Can';t从Firebase保存或获取数据(React Native&;Firebase新增)_Javascript_Reactjs_Firebase_React Native_Firebase Realtime Database - Fatal编程技术网

Javascript Can';t从Firebase保存或获取数据(React Native&;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

所以我有一个日记应用程序,我正试图用React Native编写它。我是一个新的反应者,但我读到的每一件事都表明我所做的应该是有效的。基本上,我正在将一些数据放入redux操作类并尝试编写它。但是我一直在

undefined不是“评估”对象\u firebase2.default.database.ref')

我已经阅读了教程中的“将新数据保存到firebase”部分,我使用了多次,但我不知道我做错了什么。这是我的代码

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(…)
(不同的拼写和带括号)。非常感谢!我知道这是一个愚蠢的东西,但我就是看不见这个愚蠢的东西。再次感谢!