React native和firebase推送错误

Question

问题 我很反应原生和firebase，我正在创建一个简单的应用程序，您可以使用firebase将文本上传到互联网。当我添加代码使用push向firebase添加变量时，我收到了一个错误，我不知道为什么。我很乐意帮助解决这个问题。底部包含错误图片。

代码

import React, { Component } from 'react';

import { StyleSheet, Text, View, Image, TextInput, ScrollView, TouchableHighlight, Button } from 'react-native';

import { Font } from 'expo';

import * as firebase from 'firebase';


var fontLoaded = false;


var postRef = ref.child("posts");


var newPostRef = postsRef.push();


const firebaseConfig = {

 apiKey: "AIzaSyD025SWUH7zLELn4vWtf9nGq1-0h33Y958",

 authDomain: "candidtwo.firebaseapp.com",

 databaseURL: "https://candidtwo.firebaseio.com",

 storageBucket: "candidtwo.appspot.com",

};

const firebaseApp = firebase.initializeApp(firebaseConfig);


export default class App extends React.Component {


 state = {

    fontLoaded: false,

 };



 componentDidMount() {

     Expo.Font.loadAsync({

       'Cabin-Regular-TTF': require('./Cabin-Regular-TTF.ttf'),

     });

}

 constructor(props) {

    super(props);

    this.state = { postInput: ""}

 }

render() {

    return (

     <View style={styles.container}>

       <View style={styles.button}>

         <View style={{width: 1, height: 30, backgroundColor: '#e8e8e8'}} />

         <Button

           onPress={() => this.setState({ fontLoaded: true })}

           title="Press Me To Load the App After 15 Seconds!"

           color="#fe8200"

           accessibilityLabel="Wait 15 seconds and then press me to load the font!"

         />

       </View>



       {this.state.fontLoaded ? (

         <View style={styles.container}>

           <Text style={{ fontFamily: 'Cabin-Regular-TTF', fontSize: 16 }}>

               Whats on your mind? Create a post!

           </Text>  


           <TextInput

                style={{height:40, width: 320, borderColor: '#303030', borderWidth: 1}}

                onChangeText={(postInput)=>this.setState({postInput})}

                value={this.state.postInput}    

            />



       <Button

      onPress={() =>

      

      newPostRef.set({

            content:this.state.postInput

      }); //Line 70, where the error occurred.

   

               this.setState({postInput: "Your post was succsesfully uploaded! :)" })    

    )}               

      title="                              +                              "

              color="#fe8200"

              accessibilityLabel="Wait 15 seconds and then press me to load the font!"

           />


           <ScrollView>

              <View style={{width: 1, height: 6, backgroundColor: '#e8e8e8'}} />

              <View style={{width: 350, height: 250, backgroundColor: '#1daff1',  alignItems: 'center', justifyContent: 'center',    borderRadius: 10, paddingLeft: 10, paddingRight:10}} >

        <Text style={{ fontFamily: 'Cabin-Regular-TTF', fontSize: 18, color: '#ffffff', textAlign: 'center'}}>

                   Why do android phones have higher inital quality than apple phones, but apple phones have a more consistent amount of quality throughout their years?

               </Text>

           </View>

              <View style={{width: 350, height: 40, borderRadius: 10, backgroundColor: '#147aa8', flexDirection: 'row',paddingLeft:5}} >

           <Image source={require('./CandidtwoImages/unlove.png')} />

           <Text style={{ fontFamily: 'Cabin-Regular-TTF', fontSize: 18, color: '#ffffff'}}>

                   3

                   </Text>

           <Image source={require('./CandidtwoImages/undislike.png')} />

           <Text style={{ fontFamily: 'Cabin-Regular-TTF', fontSize: 18, color: '#ffffff'}}>

                   1

                   </Text>

           <Image source={require('./CandidtwoImages/comments.png')} />

           <Text style={{ fontFamily: 'Cabin-Regular-TTF', fontSize: 18, color: '#ffffff'}}>

                   8

                   </Text>

       </View>

              <View style={{width: 1, height: 6, backgroundColor: '#e8e8e8'}} />

              <View style={{width: 35, height: 25, backgroundColor: '#147c41', borderRadius: 10}} />

              <View style={{width: 35, height: 4, backgroundColor: '#0f582d', borderRadius: 10}} />

              <View style={{width: 1, height: 6, backgroundColor: '#e8e8e8'}} />

          <View style={{width: 1, height: 6, backgroundColor: '#e8e8e8'}} />

              <View style={{width: 35, height: 25, backgroundColor: '#9dcd46', borderRadius: 10}} />

              <View style={{width: 35, height: 4, backgroundColor: '#6c8f31', borderRadius: 10}} />

              <View style={{width: 1, height: 6, backgroundColor: '#e8e8e8'}} />

          <View style={{width: 1, height: 6, backgroundColor: '#e8e8e8'}} />

              <View style={{width: 35, height: 25, backgroundColor: '#d3832e', borderRadius: 10}} />

              <View style={{width: 35, height: 4, backgroundColor: '#935b1e', borderRadius: 10}} />

              <View style={{width: 1, height: 6, backgroundColor: '#e8e8e8'}} />

      

            </ScrollView>

         </View>) : (null) }

     </View>

    );

 }

}


const styles = StyleSheet.create({

 container: {

    flex: 8,

    backgroundColor: '#e8e8e8',

    alignItems: 'center'

 },

 button: {

    flex: 1,

    backgroundColor: '#e8e8e8',

    alignItems: 'center'

 },

}); 

错误消息

Answer 1

看起来你的语法错误比firebase问题更多

[default] ; default profile
aws_access_key_id = defaultAccessKey
aws_secret_access_key = defaultSecretAccessKey
region = us-east-1

[personal-account] ; personal account profile
aws_access_key_id = personalAccessKey
aws_secret_access_key = personalSecretAccessKey
region = us-east-1

e.g。 ：

[profile corp]
role_arn = corp-role-arn
region = us-east-1
source_profile = default