How to get first element in array in React Native

Question

I tried to get only first element [0] of array and print in UI. I will get only first lesson in the array and then print.

{route.params.Lessons.map((lessons) => {
              return (
                <View>
                  <Text style={styles.lessonTitle}>Lesson 1</Text>
                  <Text style={styles.lessonDescription}>{lessons.lessonName}</Text>
                </View>
              )
            })}

Thanks

you want to display only the first element of array [0] instead all of them? — Dylan
– Dylan, Commented Dec 28, 2021 at 9:37

Arman Taherian · Accepted Answer · 2021-12-28 09:39:58Z

1

You could use something like this code:

<View>
  <Text style={styles.lessonTitle}>Lesson 1</Text>
  <Text style={styles.lessonDescription}>{route.params.Lessons[0].lessonName}</Text>
</View>

answered Dec 28, 2021 at 9:39

Arman Taherian

1,1021 gold badge8 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Dylan · Accepted Answer · 2021-12-28 09:41:59Z

0

If you only want to display only one element of array, you don't need to use the .map() function

You can try this instead

const lesson1 = route.params.Lessons[0]

return (
    <View>
        <Text style={styles.lessonTitle}>Lesson 1</Text>
        <Text style={styles.lessonDescription}>{lesson1.lessonName}</Text>
    </View>
)

answered Dec 28, 2021 at 9:41

Dylan

1,3781 gold badge19 silver badges40 bronze badges

Comments

Dae Hyeon Mun · Accepted Answer · 2021-12-28 09:41:08Z

0

Simply solved!

const LessonList = route.params.Lessons;

return (
    <View>
        <Text style={styles.lessonTitle}>Lesson 1</Text>
        <Text style={styles.lessonDescription}>{Lessons[0].lessonName}</Text>
    </View>
       )

I hope you find an answer :D

answered Dec 28, 2021 at 9:41

Dae Hyeon Mun

5364 silver badges8 bronze badges

Collectives™ on Stack Overflow

How to get first element in array in React Native

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related