React can render HTML tags or react components

React's JSX uses large, lowercase conventions to differentiate the classes and HTML tags of local components. Renders the local react component requires a label name that starts with an uppercase letter, which renders the HTML tag with the name of a label that begins with lowercase letters

Attention:

Because JSX is JavaScript, some identifiers class are like and for are not recommended as XML attribute names. As an alternative, the React DOM uses className and htmlFor is used to do the corresponding properties.

React can render HTML tags or react components