I am trying to understand this Reference below in simple English. Would this be a good way to think about this (though it may be imprecise):
.render is like a class or object within ReactDOM to render.
The first argument Types of Food, in this case, is a class of objects that you want to render into HTML.
The second argument document.getElementById(“challenge-node”) - actually I’m confused what this long convoluted wording means. The “Render HTML Elements to the DOM” lesson describes it as: “the DOM node that you want to render the component to”. What does that mean in simple English? Is DOM node like elements in HTML like body, title, text, buttons, etc - different “elements” of the HTML page, right? So, should I think of this second argument document.getElementById(“challenge-node”) like a location on the HTML page? Why do they word it so confusingly? Any way to parse this verbiage into easier meaning?
ReactDOM.render(<TypesOfFood />, document.getElementById("challenge-node"));