2016-06-13 7 views
2

Ich versuche, Firebase in native Reaktion zu integrieren. Aber ich bekomme ein kleines Problem mit Firebase. Das ist mein Code. Ich habe auch einen Screenshot angehängt. Ich benutze reagieren native 0.27.Firebase arbeitet nicht auf reagieren native

Bitte helfen. Danke

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

Ich verwende 'npm installieren Feuerbasis --save' –

+0

Wenn ich richtig Version 3.x von Firebase erinnert sich nicht Unterstützung reagieren native –

+0

ja, wenn es korrekt ist. es ist wirklich schlecht –

Antwort

1

Die Meldung sagt Ihnen, Firebase ist kein Konstruktor, so dass Sie nicht new auf sie verwenden können. Die offiziellen Dokumente zeigen, wie Ihre Anwendung zu initialisieren:

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

Vielen Dank für Ihre Hilfe. Aber ich mache es einfach wie Tutorial https://firebase.googleblog.com/2016/01/the-beginners-guide-to-react-native-and_84.html. Aber lassen Sie mich versuchen Sie Ihre vorschlagen –

+1

Scheinbar funktioniert Firebase 3 immer noch nicht mit react-native. Ich denke, dass 2.4.2 verwendet wurde, Sie könnten diese Version für jetzt verwenden. Dann müssen Sie es als Konstruktor verwenden, wie Sie es in Ihrer Frage getan haben –

+0

ja, es ist korrekt. Ich habe Version 2.4.2 neu installiert und es funktioniert. Danke Pro –

0

Sie in der Dokumentation zur Initialisierung Feuerbasis Projekte in JS geändert, so wäre es native reagieren arbeiten.

halten den Rest des Codes der den Konstruktor mit diesem gleichen ersetzen:

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

Firebase.initializeApp(itemsRef);