SPFX Get Lookup Field Value

Hi,

I am new to SPFX and I am having some problems getting the values from a lookup field on a list. 

Here is the code I am using for testing:

//Here "My List" is Sharepoint list
    pnp.sp.web.lists.getByTitle("My_List").items.select("Lookup_x0020_Field", "Lookup_x0020_FieldId", "Lookup_x0020_Field/Title").expand("Lookup_x0020_Field").getPaged().then(p => {
        console.log(JSON.stringify(p.results, null, 4));
        var itemColl = p.results;
        for (var index = 0; index < itemColl.length; index++) {
            var element = itemColl[index];
            var title = element["Title"];
            var id = element["Id"];
            var lookUpFld = element["Lookup_x0020_Field"];
            var lookUpFldId = lookUpFld["Lookup_x0020_FieldId"];
            console.log("Lookup Field " + lookUpFld + " Lookup Field ID: " + lookUpFldId);
        }
    });
    return Promise.resolve();

Part of the Log

 {
        "odata.type": "SP.Data.MyListItem",
        "odata.id": "GUID",
        "odata.etag": "\"2\"",
        "odata.editLink": "Web/Lists(guid'GUID')/Items(37)",
        "Lookup_x0020_Field@odata.navigationLinkUrl": "Web/Lists(guid'GUID')/Items(37)/Lookup_x0020_Field",
        "Lookup_x0020_Field": {
            "odata.type": "SP.Data.Lookup_x005f_List_x0020_DataListItem",
            "odata.id": "ID",
            "Title": null
        },
        "Lookup_x0020_FieldId": 116
    },

Lookup_x0020_Field is the name of the field on the list I am trying to display the data.

Lookup_x0020_FieldId is the ID of Lookup_x0020_Field. 

There are more list that I need to display data from that have more than one lookup fields. Getting this one working will help with the other lists. 

I also need to know how to display images and URL's from lists. 

Ideas or help will be very much appreciated.

Thank you!