What gets passed where and why between various constructions (const, function, arrow functions, IIFEs) in JavaScript/React

Question

I\'m trying to understand this (radically simplified for purposes of asking this question) bit of code from Wordpress:

function MyFooContainer( {
        attr