TypeError: Undefined is not an object error in React Native

Question

I am fairly new to react native and I am trying to render json data on the android emulator, however, I am getting an error which I have no idea about. Will appreciate any help I can get.

LibraryList.js

ListItems.js

The json data trying to be rendered

App.js

The error shown on the emulator

Make a const for the json data and export it from that file and then import it in the file where you want to use. — Husain Khanbahadur
– Husain Khanbahadur, Commented Oct 1, 2018 at 8:33
hey @knevagi, it would be really easy to help you if you can share your code on the snack.expo.io — Dima Portenko
– Dima Portenko, Commented Oct 1, 2018 at 8:44

Fatih Bulut · Accepted Answer · 2018-10-01 08:53:45Z

1

Could you replace your class code in LibraryList.js with this?

class LibraryList extends Component {
    renderRow(library) {
        return <ListItems library={library} />;
    }

    render() {
        return(
            <FlatList
                data={this.props.libraries}
                renderItem={({item}) => <Text>{item.title}</Text>}
                keyExtractor={item => item.title}
            />
        );
    }
}

answered Oct 1, 2018 at 8:53

Fatih Bulut

2,6851 gold badge18 silver badges13 bronze badges

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

2 Comments

Knevagi Over a year ago

Oh man that worked. Thank you so much. Can you please explain what you did?

Fatih Bulut Over a year ago

ListView is no longer used. You should use FlatList instead. facebook.github.io/react-native/docs/flatlist

Collectives™ on Stack Overflow

TypeError: Undefined is not an object error in React Native

1 Answer 1

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Related