Avertissement: Inconnu DOM propriété de classe. Vouliez-vous dire className?
J'ai juste commencé à explorer de Réagir, par l'ajout d'un composant avec un rendu simple fonction:
render() {
return <div class="myApp"></div>
}
Quand je lance l'application, j'obtiens l'erreur suivante:
Warning: Unknown DOM property class. Did you mean className?
Je peux résoudre ce problème en modifiant class
à className
.
La question est; est-Réagir appliquer cette convention? Pourquoi ai-je besoin pour utiliser className
à la place du classique class
? Si c'est une restriction alors est-ce dû à JSX de syntaxe ou d'ailleurs?
Vous devez vous connecter pour publier un commentaire.
Oui, c'est une Réagir la convention:
JSX En Profondeur.
Meteor utilise babel à transpile ES5 à ES6 (ES2015), afin que nous puissions le traiter comme un Noeud normal de l'application avec babel transpiler ajouté.
Vous devez ajouter
.babelrc
fichier dans votre dossier racine du projet, et d'ajouter les éléments suivantsEt bien sûr, vous devez installer ce plugin à l'aide de
npm
:Dans React.js il n'y a pas de pour et des propriétés de la classe de disponible, donc nous avons besoin d'utiliser
Vous ne pouvez pas utiliser la classe pour toute balise HTML attribut parce que JS a un autre sens de la classe. C'est pourquoi vous devez utiliser un nom de classe au lieu de la classe.
Et également utiliser htmlFor attribut au lieu de pour les.
En HTML, nous utilisons
mais de Réagir et de ReactNative il n'y a pas de code HTML, nous utilisons JSX(Javascript, XML)
ici, nous utilisons