Question

我的团队正在开发一个辅导应用程序，学生可以将请求从学生端发送到辅导员端。我们可以引用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
    }
});

Answer 1

类似这样的事情：

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

如何在iOS的React天真中显示从Firebase检索的数据

1 个答案: