reactjs - 我想从我的模式中的剧集中获取季节我有从剧集到季节的连接

Question

我已获取剧集并将数据显示到屏幕上，并且所有剧集数据都在 [episodes] 中通过 console.log 我在剧集数据中有季节

import React, { useState, useEffect } from 'react'
import { 
    Image,
    Pressable,
    FlatList,
    ActivityIndicator,
 } from 'react-native';
import {Picker} from '@react-native-picker/picker';
import { MaterialIcons, Entypo, AntDesign, Ionicons, Feather, FontAwesome } from '@expo/vector-icons'; 
import { DataStore } from 'aws-amplify';
import { useRoute } from '@react-navigation/native';
import { Text, View } from '../../components/Themed';
import styles from './styles';
import { Movie, Season, Episode } from '../../src/models';

import animes from '../../assets/data/animes';
import EpisodeItem from '../../components/EpisodeItem';
import VideoPlayer from '../../components/VideoPlayer';




const EpisodeDetailsScreen = () => {
    
    const [movie, setMovie] = useState<Movie[]>([]);
    const [seasons, setSeasons] = useState<Season[]>([]);
    const [episodes, setEpisodes] = useState<Episode[]>([]);

    
    

    

    const route = useRoute();

    useEffect(() => {
        const fetchEpisodes = async () => {
            setEpisodes(await DataStore.query(Episode, route?.params?.id))
            
        };
        
        fetchEpisodes();
        
    }, [])

    
   
    console.log(episodes)


    return (
    
        <View >
            <VideoPlayer episode={episodes} />
      <View style={styles.row}>
                

                <View style={styles.titleContainer}>
                <Text style={styles.title}>{episodes.title}</Text>
                <Text style={styles.title}>{}</Text>
                    <Text style={styles.duration}>{episodes.duration}</Text>
                </View>

                
            </View>

            <Text style={styles.plot}>{episodes.plot}</Text>
    </View>
    )
};

export default EpisodeDetailsScreen;

标签： reactjsreact-nativeaws-amplify