React Router распознает только индексный маршрут
У меня 2 маршрута,/
а также/about
и я проверил еще несколько. Все маршруты отображают только домашний компонент, который/
.
Когда я пробую маршрут, который не существует, он распознает этот штраф и отображает предупреждениеWarning: 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
};
Я попытался добавить явный путь к безрезультатно.<Route name="about" path="/about" handler={About} />
Я наткнулся на этоstackoverflow Q но не нашел спасения в своем ответе.
Может кто-нибудь пролить свет на то, в чем может быть проблема?