Pourquoi est-ce que j'obtiens une erreur « Violation invariante : type d'élément non valide » dans React ?

Erreur de violation invariante : type d'élément non valide

Cette erreur se produit lorsqu'un type d'élément non valide est tenté d'être rendu. Comme indiqué dans le message d'erreur, cet élément doit être soit une chaîne (pour les composants intégrés), soit une classe/fonction (pour les composants composites).

Résolution possible

Dans le code donné, le composant About est importé comme :

var About = require('./components/Home')

Cela entraîne l'attribution d'un objet à About, qui n'est pas un type d'élément valide. L'importation correcte doit être :

import About from './components/Home'

Cela importera la classe/fonction À propos, qui peut être rendue en tant que composant.

Notes supplémentaires

• Si vous utilisez Webpack, assurez-vous que l'importation est effectuée en utilisant le format correct, comme mentionné dans la solution fournie.
• N'oubliez pas que Les composants intégrés (tels que div, h1, li) peuvent être directement utilisés comme chaînes, tandis que les composants composites (composants personnalisés ou bibliothèques tierces) doivent être importés en tant que classes/fonctions.

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!