Do not use quotation marks when defining the virtual DOM

Reading data from variables requires curly braces

The class name in the virtual DOM is not class but className

The inline style of the virtual DOM should be {{}}

Inline variable names use small camel names

There can only be one root tag in the virtual DOM

The label must be closed and the slash (/) is manually added to a single label

The first letter of a label in the virtual DOM

  • If the first letter of the tag is a lowercase letter, the tag is converted to the corresponding HTML tag. Otherwise, an error is reported.
  • React renders the component if the label starts with a capital letter, or an error if the component is not defined.