Estoy llenando mi matriz de datos con una llamada API así
const getData = async () => { const response = await fetch( "URL" ); var data = await response.json(); let arr = []; for (let i = 0; i < data.length; i++) { arr.push(data[i]); } return arr; };¿Cómo lo paso a un componente nativo de reacción, siendo una promesa?
return( <View style={styles.container}> <Swiper cards={ getData } //Here renderCard={(card) => { return ( <View style={styles.card}> <Text style={styles.text}>{card}</Text> </View> ); }} </Swiper> );Coloque la función de búsqueda en un useEffect en el componente principal y haga que arr sea una variable de estado
const [arr, setArr] = useState([]) useEffect(()=>{ const getData = async () => { const response = await fetch( "URL" ); var data = await response.json(); setArr(data) } getData(); },[]) return ( <View style={styles.container}> <Swiper cards={arr} //Here renderCard={(card) => { return ( <View style={styles.card}> <Text style={styles.text}>{card}</Text> </View> ); }} </Swiper> </View>)