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

Detaillierte Erläuterung der MySQL 8.0-Richtlinie zum Ablauf von Passwörtern

Ab MySQL 8.0.16 können Sie eine Richtlinie zum Ab...

Zusammenfassung einiger kleinerer Probleme mit der MySQL-Autoinkrement-ID

Die folgenden Fragen basieren alle auf der InnoDB...

Analyse des Ereignisschleifenmechanismus von JavaScript

Inhaltsverzeichnis Vorwort: 1. Gründe für die Ere...

So verwenden Sie TypeScript in Vue

Einführung In den letzten Jahren wurde der Ruf na...

W3C Tutorial (14): W3C RDF und OWL Aktivitäten

RDF und OWL sind zwei wichtige semantische Webtec...

Sollte ich JQuery aufgeben?

Inhaltsverzeichnis Vorwort Was soll verwendet wer...

JavaScript-Simulationsrechner

In diesem Artikel wird der spezifische Code des J...

SQL-Aggregation, Gruppierung und Sortierung

Inhaltsverzeichnis 1. Aggregierte Abfrage 1. COUN...

Zusammenfassung der Diskussion zur Gültigkeitsdauer von Nginx-Cookies

Bei jedem Besuch wird im Browser Cookie generiert...

Eine detaillierte Einführung in die Tomcat-Verzeichnisstruktur

Öffnen Sie das dekomprimierte Verzeichnis von Tom...