Как отобразить данные, полученные из FireBase в реагировать наивные для IOS - PullRequest
Новая
       18

Как отобразить данные, полученные из FireBase в реагировать наивные для IOS

0 голосов
/ 21 ноября 2018

Моя команда работает над приложением для репетиторов, где студенты отправляют запросы со стороны студента на сторону репетитора.Мы можем ссылаться на базу данных FireBase для наших данных и увидеть их в консоли.Но мы не можем отобразить на странице.Это код стороны репетитора здесь: 

import React from 'react';
import { FlatList, Text, StyleSheet, View } from 'react-native';
import firebaseRef from './Firebase';


export default class App extends React.Component {
    constructor(props) {
        super(props);

        this.state = ({
            sessions: []
        });
    }
    componentDidMount(){
        const { uid } = firebaseAuth.currentUser
        firebaseRef.database().ref('Sessions/' + uid).on('value', function (snapshot) {
            sessions = snapshot.val()
            this.setState({
                sessions: sessions,
                sessions,
              });
      })
    }

    getSessionsRef = () => {
        return firebaseRef.database().ref('sessions')
      }

    render(){
        const {sessions} = this.state
        return(
        <View style={styles.container}>
            <FlatList>
                <Text>{sessions}</Text>
            </FlatList>
        </View>
         )
        }
    }

const styles = StyleSheet.create({
    container:{
        flex: 1,
        justifyContent:'center',
        padding:-1.5
    }
});

1 Ответ

0 голосов
/ 21 ноября 2018

как то так:

<FlatList
  data={sessions}
  keyExtractor={(item, index) => item.id}
  renderItem={({item}) => (
    <Text>{item}</Text>
  )}
/>
...