So verwenden Sie Elemente in React-Projekten

So verwenden Sie Elemente in React-Projekten

Dies ist mein erstes Mal, dass ich das Element-Framework in einem React-Projekt verwende. Ich bin auf einige sehr einfache Probleme gestoßen, aber es hat lange gedauert, sie zu lösen. Ich habe einen Blog geschrieben, um sie aufzuzeichnen.

1. Installation:

Download im Projektverzeichnis:

npm ich element-reagiere --speichern
npm installiere element-theme-default --save

Bildbeschreibung hier einfügen

Hinweis: Auf der offiziellen Website von Element wird dies in der Kurzanleitung erwähnt.

2. Globale Referenzen

Globaler Import in index.js unter dem Projekt

Bildbeschreibung hier einfügen

3. Verweisen Sie auf die Elementkomponenten, die Sie im Projekt benötigen

Kann einen Fehler melden

Bildbeschreibung hier einfügen

Lösung: Laden Sie die Abhängigkeit im Projekt herunter npm install react-hot-loader@next --save

4. Das Einführen von Komponenten kann immer noch zu Fehlern führen

Zum Beispiel habe ich die rotierende Laterne wie folgt eingeführt

Bildbeschreibung hier einfügen

Wenn der Fehler oben gemeldet wird, besteht die Lösung darin, Carousel einzuführen

Bildbeschreibung hier einfügen

Wenn auf andere Komponenten verwiesen wird und Fehler gemeldet werden, lautet die Lösung wie oben

Dies ist das Ende dieses Artikels zur Verwendung von Element in React-Projekten. Weitere Informationen zur Verwendung von Element in React-Projekten finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!

Das könnte Sie auch interessieren:
  • Detaillierte Erklärung zur Verwendung von React.cloneElement

<<:  Verwendung des offiziellen MySQL-Exporttools mysqlpump

>>:  Webpack lädt CSS-Dateien und ihre Konfigurationsmethode

Artikel empfehlen

JavaScript zum Erzielen eines dynamischen Tabelleneffekts

In diesem Artikel wird der spezifische Code für J...

Vergleich der von der MySQL-Datenbank unterstützten Speicher-Engines

Inhaltsverzeichnis Speicher-Engine Von MySQL unte...

So installieren Sie MySQL 8.0 und melden sich bei MySQL unter MacOS an

Folgen Sie dem offiziellen Tutorial, laden Sie da...

js, um einen Karusselleffekt zu erzeugen

Ich denke, das Karussell ist ein relativ wichtige...

Beitrag zur Übermittlung von HTML-Daten_PowerNode Java Academy

Zu den vom HTTP/1.1-Protokoll angegebenen HTTP-An...

Verwendung des Fokus-innerhalb-Selektors von CSS3

Pseudoelemente und Pseudoklassen Apropos, schauen...

Einführung in das Layout des HTML-Seitenquellcodes_Powernode Java Academy

Einführung in das Layout des HTML-Seitenquellcode...

Mehrere spezifische Methoden zur MySQL-Speicherplatzbereinigung

Inhaltsverzeichnis Vorwort 1. Überprüfen Sie die ...

Häufige Fehler bei der Verwendung von React Hooks

React Hooks ist eine neue Funktion, die in React ...

Auszeichnungssprache – CSS-Stil für Webanwendungen

Klicken Sie hier, um zum Abschnitt „HTML-Tutorial“...