Array of objects is undefined when page is rendered. Potential confusion when pages re-render

Question

I\'m new to React and I\'m currently struggling with this concept that I cannot seem to find a fix for. I have to components, Parent and Child. The Parent component is passi