Rendering Firebase DB entry in Expo

How to / Third Party Tooling
1

This is my first go at a expo/react native app, and i have struck trouble,

I am able to console.log my firestore db entries fine, but i cant seem to work out how to render them to a view, and to make location cards like the attached image, 1

Can anyone help?

import React, { Component } from "react";
import { View, Text, StyleSheet } from "react-native";

import firebase from "firebase";
require("firebase/firestore");

const config = {

};

if (!firebase.apps.length) {
  firebase.initializeApp(config);
}

var db = firebase.firestore();

class componentName extends Component {

  componentDidMount() {
    db.collection("event")
      .get()
      .then((snapshot) => {
        snapshot.docs.forEach((doc) => {
          console.log(doc.data());


        });
      });
  }

  render() {
    return (
      <View style={styles.container}>
        <Text>d</Text>
      </View>
    );
  }
}
export default componentName;

const styles = StyleSheet.create({
  container: {
    flex: 1,
    alignItems: "center",
    justifyContent: "center",
  },
});
```# Rendering DB entry in Expo