Response-router: не отображать компонент после обновления URL

я использую

"react": "^16.5.0",
"react-router": "^4.3.1",
"react-router-dom": "^4.3.1",

Есть роутер

import * as React from 'react';
import { Route, Switch } from 'react-router-dom';
import GoToNode from './components/map/GoToNode';

const Router = (props) => {
    return (
        <Switch>
            <Route path = "/*/node/:nodeId" component = {GoToNode} />
        </Switch>
    );
};

export default Router;  

Когда я обновляю страницу localhost: 3000 / project / node / 5, маршрутизатор отображает компонент GoToNode. Когда я использую функцию selectNode из другого компонента, GoToNode не отображается.

selectNode(node: Node) {
    this.props.history.push(`/project/node/${node.objectId}`); 
}
...
export default withRouter(connect(mapStateToProps, mapDispatchToProps)(NodeWorkingList));

Вы знаете почему? Спасибо! :)

Ваш URL меняется?

Midhun G S 21.09.2018 12:14

Да, URL меняется. Но роутером не назывался.

podeig 21.09.2018 12:15

заверните переключатель внутрь <BrowserRouter> и попробуйте.

Midhun G S 21.09.2018 12:37

У меня уже есть ReactDOM.render (<BrowserRouter> <Provider store = {storeSetup.store}> <PersistGate ...> <Route path = "/" component = {App} /> </PersistGate> </Provider> </BrowserRouter>, document.getElementById ('root') как HTMLElement);

podeig 21.09.2018 13:02

Добавил, как вы сказали, не помогло.

podeig 21.09.2018 13:03
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Массив зависимостей в React
Массив зависимостей в React
Все о массиве Dependency и его связи с useEffect.
0
5
25
0

Другие вопросы по теме