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

Implementierungscode der Front-End-HTML-Skin-Änderungsfunktion

50 Zeilen Code zum Ändern von 5 Hautfarben, einsc...

Wie InnoDB Transaktionsisolationsebenen geschickt implementiert

Vorwort Im vorherigen Artikel „Detaillierte Erklä...

Docker+Gitlab+Jenkins erstellt automatisierte Bereitstellung von Grund auf

Inhaltsverzeichnis Vorwort: 1. Docker installiere...

CSS3-Animation – Erläuterung der Funktion „Steps“

Als ich mir in letzter Zeit einige CSS3-Animation...

So implementieren Sie eine bidirektionale MySQL-Sicherung

Die bidirektionale MySQL-Sicherung wird auch als ...

JavaScript Voranalyse, Objektdetails

Inhaltsverzeichnis 1. Voranalyse 1. Vorabanalyse ...

Das rel-Attribut des HTML-Link-Tags

Das <link>-Tag definiert die Beziehung zwis...

Beispiele für dl-, dt- und dd-Listenbezeichnungen

Die Tags dd und dt werden für Listen verwendet. N...