React router - нет маршрута по умолчанию

Question

Я использую React/Redux/Router, но это действительно просто вопрос маршрутизатора и один, на который я не могу найти ответ. По сути, я хочу, чтобы мое приложение только ударилось, если хеш «#search» присутствует в URL-адресе, иначе ничего не делайте.

Если я использую что-то вроде следующего, я получаю сообщение об ошибке (не соответствует никаким маршрутам), когда я перехожу к корневому URL '/'.

ReactDOM.render(
    <Provider store={store}> 
    <Router history={browserHistory}> 
     <Route path="#search" component={HelloWorldContainer} /> 
    </Router> 
    </Provider>, 
    document.querySelector('.body-wrap'), 
); 

Любая помощь приветствуется ...

Answer 1

Это потому, что вы не предоставили маршрут для корня '/', который является точкой входа по умолчанию для веб-приложения. Я не уверен, почему вы не предоставили маршрут для корня '/', но React Router будет продолжать выдавать ошибки для маршрутов, которые он не может сопоставить. Вы можете предоставить весь компонент как уловку для маршрутов, которые не соответствуют тому, что вы указали; как так:

<Route path='*' component={ErrorPage}/> 

Кроме того, запрос на маршрут path='#search' должен быть точным, чтобы соответствовать. Таким образом, запрос /#search123 выдает ошибку, если у вас нет маршрута catch-all выше.