如何在iOS的React Naive中顯示從Firebase檢索的數據

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> )} />