Reagieren-router: TypeError: Cannot set property 'Requisiten' undefined
Ich versuche zum einrichten von routing in Meteor
mit react-router
Paket und erhalte folgende TypeError
:
Link zum Bild: https://postimg.org/image/v0twphnc7/
Den code in dem ich bei main.js
import React from 'react';
import ReactDOM from 'react-dom';
import { Router, Route, IndexRoute, browserHistory } from 'react-router';
//Importing components
import App from './components/app';
import Portfolio from './components/portfolio/portfolio';
//Creating a route
const routes = (
<Router history={browserHistory}>
<Route path='/' component={App}>
<Router path='portfolio' component={Portfolio} />
</Route>
</Router>
);
//Loading routes
Meteor.startup(() => {
ReactDOM.render(routes, document.querySelector('.universe'));
});
Das problem, dass ich identifizieren konnte, ist, dass, wenn ich definieren, portfolio, wie eine Einfache Komponente, es funktioniert.
const Portfolio = () => {
return (
<div className='red'>Portfolio page</div>
);
}
Aber wenn ich es verlängern, die von der Komponente, wo der Fehler kommt:
class Portfolio extends Component () {
render() {
return (
<div>Portfolio page</div>
);
}
}
Können Sie bitte erklären, die mögliche Differenz zwischen "normalen" und die Klasse Komponente und warum wird die folgende Fehlermeldung angezeigt.
- Sollte nicht es sein zu Reagieren.Komponente, es sei denn, Sie importieren Komponente getrennt von reagieren.
Du musst angemeldet sein, um einen Kommentar abzugeben.
Angenommen, Sie importieren
Component
alsReact.Component
korrekt, versuchen Sie, entfernen Sie die Klammern nach Komponente.Werden sollte:
statt:
Wenn nicht, ersetzen Sie
Component
mitReact.Component
.