Question

我正在尝试使用react-router路由我的应用，但我的路线上一直有404。这是我的routes文件：

var App = React.createClass({
    render: function() {
        return (
            <div>
                <NavBar />
                <div className="container">
                    <this.props.activeRouteHandler />
                </div>
            </div>
        );
    }
});

var routes = (
    <Routes location="history">
        <Route path="/" handler={App}>
            <Route path="/users" handler={LilyApp} />
            <Route path="/user-detail" handler={UserDetail} />
        </Route>
    </Routes>
);

React.renderComponent(routes, document.getElementById('lily'));

当我导航到根Navbar时，我看到了/，但我在任一路线上都看不到应用的主要部分。我错过了什么来路由我的应用程序？

Answer 1

this.props.activeRouteHandler是一个函数，所以请替换它：

<this.props.activeRouteHandler />

用这个：

{ this.props.activeRouteHandler() }

我的反应路由器出了什么问题？

1 个答案: