Quantcast
Channel: Active questions tagged react-native+typescript - Stack Overflow
Viewing all articles
Browse latest Browse all 6287

how to make generic component in react native?

$
0
0

I want to make a generic component but how can I make it ?

Model:

export interface ISelectOptionsRLV<T, C> {  data: T[];  onPress: (option: C[]) => void;}

GenericComponentList:

import { StyleSheet, Text, View, FlatList } from 'react-native'import React from 'react'import { ISelectOptionsRLV } from './Model'const SelectOptionsRLV = ({ data, onPress }: ISelectOptionsRLV) => {  return (<FlatList      data={data}      ...    />  )}export default SelectOptionsRLVconst styles = StyleSheet.create({})

Now I get this error:

Generic type 'ISelectOptionsRLV<T, C>' requires 2 type argument(s)

I know this error I have to set my types, but then its not generic, I mean I need 4 of my flatlist components and each data type is different. So then I have to make 4 Files, or how I can do it?I want all my data thats come in the component generic so I dont want tocreate 4 Component I want one Flatlist component and use it everytime


Viewing all articles
Browse latest Browse all 6287

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>