react-router位置“/”与任何路由都不匹配

时间:2016-04-14 10:14:05

标签: javascript reactjs react-router

我无法让反应路由器工作。我正在按照文档中的所有说明进行操作。

网址为:http://127.0.0.1:8080/ 没有渲染,控制台中有:Warning: [react-router] Location "/" did not match any routes

我的(TypeScript)文件是:

import { Router, Route, Link, browserHistory, IndexRoute } from 'react-router'
import { LangList } from './components/langList'
import { LangItem } from './components/langItem'

class AdminApp extends React.Component<{}, {}> {
    public render() {
        return (
            <div>
                <h1>App</h1>
                <ul>
                    <li><Link to="/">About</Link></li>
                    <li><Link to="/wtf">Inbox</Link></li>
                </ul>

                {this.props.children}
            </div>
        );
    }
}

function render() {
    ReactDOM.render(
        <Router history={browserHistory}>
            <Route path="/" component={AdminApp}>
                <IndexRoute component={LangList} />
                <Route path="wtf" component={LangItem} />
            </Route>
        </Router>,
        document.getElementById('app')
    );
}

$(function () {
    render();
});

我在这里缺少什么?

先谢谢,问候, JK。

0 个答案:

没有答案