React Question

I have this probably bad habit of breaking jsx out into these “render” functions, like taking this:

and making it look like this:

Junky? Should they just be their own functional component within the same file?

What’s best here?