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.
InformationsquelleAutor volna | 2016-07-20
Schreibe einen Kommentar