Pourquoi les noms des composants ReactJS doivent-ils commencer par une lettre majuscule ?

Pourquoi les noms de composants ReactJS nécessitent-ils des lettres majuscules ?

Lors de l'expérimentation avec le framework ReactJS, il a été observé que les noms de composants commençant par des minuscules les lettres ne parviennent pas à être rendues. Pour illustrer, le code suivant ne s'affiche pas :

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

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

Cependant, remplacer "fml" par "Fml" résout le problème. Cela soulève la question : pourquoi les balises de composants ne peuvent-elles pas commencer par des lettres minuscules ?

Réponse :

Dans JSX, les noms de balises minuscules sont interprétés comme des balises HTML. Par exemple, est compilé sous la forme React.createElement('component'). En revanche, les balises majuscules sont interprétées comme des composants React, tels que qui se compile sous la forme React.createElement(Component).

Il existe cependant des exceptions. Si un nom de balise minuscule est suivi d'un point (accesseur de propriété), il n'est pas considéré comme une balise HTML. Par exemple, compile en tant que React.createElement(obj.component).

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!