My code is fetching partial data from JSON while on some data it says undefined

Question

I am using Youtube Data API v3 and only partial data is accessible

I am attaching a picture , it can access items.snippet.title but says undefined on items.snippet.thumnails.high.url. But on console.log(item) , it shows all the data is available

https://ibb.co/LvL7Dtg

   renderItem={({ item }) => (
        <TouchableOpacity style={styles.container}>


          {/* working */}
          {!!item.snippet && (
            <Text style={styles.item}>{item.snippet.title}</Text>
          )}


          {/* Not Working */}
          {!!item.snippet.thumnails && (
            <Text style={styles.item}>{item.snippet.title}</Text>
          )}
         </TouchableOpacity>
      )

i want to get thumbnails of youtube playlist but unable to access the thumbnail part

U P D A T E D Q U E S T I O N : EDIT

https://ibb.co/ZNqCDvS

In attached picture everthing is working fine , but not as my requirement . In Line no 53 if i change this.state.videos[0].snippet... to item.snippet. It throws and error 'undefined' Kindlye help

it was a typo mistake . i changed it later but still getting undefined . p.s edited the question — Muhammad Zulqarnain Sabir, Jul 16 '19 at 08:59
You are checking `!!item.snippet.thumnails` but then printing `item.snippet.title`. Is that by design? — King Julien, Jul 16 '19 at 09:07
yes it is just a check whether item.snippet.thumnails is accessible or not because this code is working with !!item.snippet check — Muhammad Zulqarnain Sabir, Jul 16 '19 at 09:12
Try changing `renderItem={({ item })}` to `renderItem={( item )}` — King Julien, Jul 16 '19 at 09:41

score 0 · Answer 1 · answered Jul 16 '19 at 08:16

0

Change your thumnail to thumbnails.

answered Jul 16 '19 at 08:16

Adrian Warkocz

657
4
11

it was a typo mistake . i changed it later but still getting undefined – Muhammad Zulqarnain Sabir Jul 16 '19 at 08:58

My code is fetching partial data from JSON while on some data it says undefined

1 Answers1