You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
22 lines
609 B
22 lines
609 B
import {FlatList} from 'react-native';
|
|
import {SampleJoke} from "../model/SampleJoke";
|
|
import {CustomJoke} from "../model/CustomJoke";
|
|
import JokeItem from "./JokeItem";
|
|
|
|
type JokeListItemProps = {
|
|
jokes: (CustomJoke | SampleJoke)[];
|
|
};
|
|
|
|
export default function JokeItems(props: JokeListItemProps) {
|
|
return (
|
|
<FlatList
|
|
data={props.jokes}
|
|
keyExtractor={(item) => item.id.toString()}
|
|
renderItem={
|
|
({ item }: { item: CustomJoke | SampleJoke }) => (
|
|
<JokeItem joke={item}/>
|
|
)
|
|
}
|
|
/>
|
|
);
|
|
} |