Реагировать Маршрутизатор по умолчанию перенаправить маршрут в /home

Question

Я очень новичок, чтобы реагировать, и библиотеки роутера и начальной загрузки я выбрал для использования. Они в основном просто реагируют-маршрутизатор-бутстрап. Я только что-то почувствовал и хочу создать веб-приложение, которое имеет некоторую базовую навигацию по URL. У меня есть 4 части, домашний обзор добавить и о, щелкнув по ссылкам, работает хорошо, и маршруты тоже, но при переходе к маршруту по умолчанию, обработчик работает хорошо, так как он показывает компонент Home, но не делает кнопку home активен в навигации. Я немного застрял и думаю, может ли кто-нибудь помочь мне? Я хотел бы сделать эту домашнюю часть активной по маршруту '/ ' по умолчанию, и подумала, что я могу просто перенаправить на '/home' и позволить остальным позаботиться об этом, однако не похоже, что я могу добавить путь поддержать DefaultRoute. Так мне было любопытно, есть ли у кого-нибудь иды? Также любопытно, выглядит ли это как правильный способ построить что-то вроде того, что я строю.

Я сделал суть, что здесь

Спасибо всем заранее!

Answer 1

Единственное изменение, которое я сделал, касалось ваших маршрутов, они выглядели так:

var routes = (
<Route handler={App} >

    <DefaultRoute handler={Home}/>

    <Route name="home" handler={Home} path="/home">
    </Route>

    <Route name="browse" handler={Browse} path="/browse">
    </Route>

    <Route name="add" handler={Add} path="/add">
    </Route>

    <Route name="about" handler={About} path="/about">
    </Route>
</Route>

);

и я изменил их на это:

var routes = (
<Route handler={App} >

    <DefaultRoute name="home" path="/" handler={Home}/>

    <Route handler={Home} path="/home">
    </Route>

    <Route name="browse" handler={Browse} path="/browse">
    </Route>

    <Route name="add" handler={Add} path="/add">
    </Route>

    <Route name="about" handler={About} path="/about">
    </Route>
</Route>

);

Я проверил это, и он работает как ожидалось. Когда вы посещаете домашнюю страницу, URL имеет только /#/ и не имеет суффикс, как /#/homeЯ не думаю, что это проблема.