Kann eine Klasse nicht als Funktion aufrufen, React Router zeigt einen Fehler in der Konsole an, wenn ich es6 Format verwende

7

Ich verwende die reac-Router-Erweiterung, um Reaktionsrouten in meiner Anwendung zu definieren. alles funktioniert gut, aber das Problem ist, dass, wenn ich es6 Syntax verwenden, um die Klasse App.js als index.js zu definieren "kann eine Klasse nicht als Funktion aufrufen". Wenn das App.js Dateiformat in App.jsx geändert wird, kann das Problem behoben werden. Wie kann ich index.jsx Datei in .js es6 format definieren? oder einen geeigneten Weg, um dieses Problem zu lösen? das sind meine react router file und app.js file. Hier ist der GitHub-Link der React-Router-Bibliothek Ссылка

%Vor%

Jetzt reagiere Router-Datei ist     // App.js-Datei

%Vor%

** Bearbeitet: ** Ich habe folgende Webpack loader config

%Vor%     
Muhammad Ateek 06.06.2016, 07:45
quelle

2 Antworten

22

Ihre Klasse sollte React.Component , nicht React.createClass erweitern.

z.B.

%Vor%     
Lee 06.06.2016, 08:37
quelle
0

In der Webpack-Konfigurationsdatei suchen Sie nach einem Babel-Loader, der test eine jsx-Datei enthält. Ändern Sie jsx in js

    
Damien Leroux 06.06.2016 08:09
quelle