2016-06-13 37 views
2

反応したネイティブでfirebaseを統合しようとしています。しかし、私はFirebaseに少し問題があります。 これは私のコードです。私もスクリーンショットを添付しました。 私は反応ネイティブ0.27を使用しています。Firebaseが反応していないネイティブで反応しません

助けてください。 あなたが

enter image description here

import React, { Component } from 'react'; 
import { 
    AppRegistry, 
    StyleSheet, 
    Text, 
    View, 
    TouchableHighlight, 
    TextInput, 
    ListView 
} from 'react-native'; 

import Firebase from 'firebase'; 

class devdacticFirebase extends Component { 
    constructor(props) { 
    super(props); 
    var itemsRef = new Firebase('https://<myid>.firebaseio.com/items'); 

    this.state = { 
     newTodo: '', 
     dataSource: new ListView.DataSource({rowHasChanged: (row1, row2) => row1 !== row2}) 
    }; 
    } 
    render(){ 
    return(
     <View /> 
    ); 
    } 
} 


AppRegistry.registerComponent('devdacticFirebase',() => devdacticFirebase); 
+0

私はNPM私の記憶が正しければFirebaseのバージョン3.xにはないfirebase --save' –

+0

をインストールし '使用していますサポートネイティブの回答 –

+0

はい、正しい場合。それは本当に悪いです –

答えて

1

メッセージは、あなたがそれにnewを使用することはできませんのでFirebaseは、コンストラクタではありませんがわかりますありがとうございました。公式ドキュメントは、あなたのアプリケーションを初期化する方法を示しています。

var firebase = require('firebase'); 

var app = firebase.initializeApp({ 
    apiKey: '<your-api-key>', 
    authDomain: '<your-auth-domain>', 
    databaseURL: '<your-database-url>', 
    storageBucket: '<your-storage-bucket>' 
}); 
+0

あなたの助けをありがとう。しかし、私はちょうどこのようなチュートリアルのようにそれを行うhttps://firebase.googleblog.com/2016/01/the-beginners-guide-to-react-native-and_84.html。しかし、私はあなたの提案を試してみましょう –

+1

明らかにfirebase 3はまだ反応ネイティブでは動作しません。私は2.4.2が働いていたと思うが、今はそのバージョンを使うことができる。その後、あなたの質問にしたようにコンストラクタとして使用する必要があります –

+0

はい、正しいです。私はバージョン2.4.2を再インストールしました。ありがとうプロ –

0

彼らはそれが本来の反応で動作しますので、JSでfirebaseプロジェクトを初期化するためのドキュメントを変更しました。

これでコンストラクタを置き換え、同じコードの残りの部分を保つ:

var itemsRef = { 
apiKey: '<your-api-key>', 
authDomain: '<your-auth-domain>', 
databaseURL: '<your-database-url>', 
storageBucket: '<your-storage-bucket>' 
}; 

Firebase.initializeApp(itemsRef); 
関連する問題