Warum müssen ReactJS-Komponentennamen mit einem Großbuchstaben beginnen?

Warum erfordern ReactJS-Komponentennamen Großbuchstaben?

Beim Experimentieren mit dem ReactJS-Framework wurde beobachtet, dass Komponentennamen mit Kleinbuchstaben beginnen Buchstaben werden nicht gerendert. Zur Veranschaulichung: Der folgende Code wird nicht gerendert:

var fml = React.createClass({
  render: function () {
    return <a href='google.com'>Go</a>;
  }
});

React.render(<fml />, document.body);

Das Problem wird jedoch durch die Änderung von „fml“ in „Fml“ behoben. Dies wirft die Frage auf: Warum können Komponenten-Tags nicht mit Kleinbuchstaben beginnen?

Antwort:

In JSX werden Tag-Namen in Kleinbuchstaben als HTML-Tags interpretiert. Beispiel: wird als React.createElement('component') kompiliert. Im Gegensatz dazu werden Tags in Großbuchstaben als React-Komponenten interpretiert, z. B. welches als React.createElement(Component) kompiliert wird.

Es gibt jedoch Ausnahmen. Wenn auf einen kleingeschriebenen Tag-Namen ein Punkt (Eigenschaftszugriffsfunktion) folgt, wird er nicht als HTML-Tag betrachtet. Beispielsweise kompiliert als React.createElement(obj.component).

Das obige ist der detaillierte Inhalt vonWarum müssen ReactJS-Komponentennamen mit einem Großbuchstaben beginnen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!