What’s the difference between an Element and a Component in React?
A React element describes what you want to see on the screen. simply put, a React element is a plain object describing what you want to appear on the screen in terms of the DOM nodes or other components.
Elements can contain other elements in their props.
Creating a React element is cheap. Once an element is created, it is never mutated.
The object representation of React element would be as follows:
The above createElement returns as object as below
And finally it renders to the DOM using ReactDOM.render as below: