Ich habe 2 Routen,/ und/about und ich habe mit mehreren mehr getestet. Alle Routen rendern nur die Home-Komponente, die @ is/.

Wenn ich eine Route versuche, die nicht existiert, erkennt sie dies und zeigt die Warnung @ aWarning: No route matches path "/example". Make sure you have <Route path="/example"> somewhere in your routes

App.js

import React from 'react';
import Router from 'react-router';
import { DefaultRoute, Link, Route, RouteHandler } from 'react-router';
import {Home, About} from './components/Main';

let routes = (
    <Route name="home" path="/" handler={Home} >
        <Route name="about" handler={About} />
    </Route>
);

Router.run(routes, function (Handler) {  
  React.render(<Handler/>, document.body);
});

. / components / Main

import React from 'react';

var Home = React.createClass({
    render() {
        return <div> this is the main component </div>
    }
});

var About = React.createClass({
    render(){
        return <div>This is the about</div>
    }
});

export default {
    Home,About
};

Ich habe versucht, einen expliziten Pfad zu "about to no avail" hinzuzufügen.<Route name="about" path="/about" handler={About} />

Ich bin darauf gestoßenstackoverflow Q fand aber keine Erlösung in seiner Antwort.

Kann jemand etwas Licht ins Dunkel bringen, was das Problem sein könnte?