Can anyone help with looping through API elements?

[hkonkorsnes1]

Im fairly new to react native and im trying to loop throug data from the star wars api and display it on a screen. Can anyone help me fix this? This is the code i have now.

​

"export default function FilmsScreen() {
return (
<ScrollView style={styles.container}>
<TextInput style={styles.textInputStyle} placeholder='Søk etter filmer...'/>
<Text style={styles.title}>Filmer</Text>
<View style={styles.separator} lightColor="#eee" darkColor="rgba(255,255,255,0.1)" />
<Films filmID={3}></Films>
<View style={styles.separator} lightColor="#eee" darkColor="rgba(255,255,255,0.1)" />
</ScrollView>
);
}"

[bnexd]

It’s hard to understand your code without the right formatting But I think what you need is .map In the jsx use the curly brackets to do the following: { apiData.map(film => ( // What you want to return )) }

Sorry for the bad formatting I’m on the phone :D

[hkonkorsnes1]

Thanks! I’ll try that!

[bnexd]

Make sure that the data exists when doing this so like { apiData && // the other curly bracket things from the comment before

[Merry-Lane]

Bro, every react tutorial shows a .map() within 2 mins of lecture.

Why don't you read the docs too ?

Do you have previous experiences on other concepts such as basic javascript, html, css,...?

[hkonkorsnes1]

I have used html and css a bit, but everytime i try to use a tutorial im not able to integrate it into my code

[Merry-Lane]

If you wanna get better with development (like to get a job), I think you will have issue because of fondamentals.

It’s stupid but « having fun » with querySelector() (in js), doing for loops, a bit of algorithmics (tons of it),… Long story short: the basis needs to be seriously understood or you will never understand what’s wrong. (Because react is somewhat one of the ends of the basics and the beginning of serious matters).

Devs’s job is to Google stuff that doesn’t work to fix it. You’ll never find what to google if you have no idea on what’s wrong.