Question

我需要知道是否可以将路由索引到不同的URL。

目前，当我键入localhost时，它会重定向到localhost（显而易见）

但是，我希望将其直接重定向到localhost / meal。

这是我目前的代码段：

var Index = React.createClass({
    render: function() {
        return <Router history={history}>
            <Route path="/" component={Layout}>
                <IndexRoute component={WeekMenu}/>
                <Route path="meals" component={WeekMenu}/>
            <Route path="register" component={Register}/>
            </Route>
    </Router>

嗯，默认情况下，当我到达＆＃34; localhost＆＃34;它确实将我重定向到了＃34;饭菜＃34;因为我的索引路线是重定向到＆＃34; WeekMenu＆＃34;这就是我要求的相同组件＆＃34;饭＆＃34;。

但网址仍然相同，即＃34; localhost＆＃34;

路由器也可以更改URL＆＃34; localhost / meal＆＃34;？

提前致谢。

Answer 1

您可以使用IndexRedirect：

<Router history={history}>
        <Route path="/" component={Layout}>
            <IndexRedirect to="/meals" />
            <Route path="meals" component={WeekMenu}/>
            <Route path="register" component={Register}/>
        </Route>
</Router>

如果访问者/meals，则会自动将访问者重定向到/页。

有关其他信息，请参阅React documentation

如何使用React Router路由到不同的URL？

1 个答案: