ReactJS - Komponente kann nicht importiert werden

8

Ich bin neu bei ReactJS. Ich entwickle eine kleine Single-Page-App und ich versuche nur, meine Komponenten zu erstellen, um sie in meine Hauptkomponente zu importieren.

TestComponent.jsx

%Vor%

In meiner main.jsx habe ich diese Komponente mit

importiert %Vor%

Dann habe ich versucht, meine Komponente für eine bestimmte Route aufzurufen:

%Vor%

Ich habe keine Fehler von der Konsole, aber ich sehe meine Komponente nicht. Was mache ich falsch?

    
Luca Mormile 04.11.2015, 13:58
quelle

1 Antwort

9

Die Importsyntax ohne geschweifte Klammern dient zum Importieren von Standardexporten, nicht zum Importieren benannter Exporte.

Machen Sie Ihre Komponente zum Standard-Export:

TestComponent.jsx

%Vor%

Alternativ können Sie es mit der folgenden import-Anweisung importieren:

%Vor%

Vielleicht möchten Sie ES6-Module (z. B. in Exploring ES6 ) lesen, wenn Sie ES6 in Ihrem System verwenden möchten Reagiere Code.

    
Mad Scientist 04.11.2015, 14:01
quelle