React роутер не работает правильно с компонентом

Question

Я пытаюсь визуализировать компонент контейнера, если путь совпадает.

class MyTopComponent extends Component {
componentDidUpdate() {
    const params = getUrlParams(this.props.location);
    if (params.id && params.id !== this.props.id) {
        this.props.updateId(params.id);
    }
}
render() {
    const { a, b, c } = getUrlParams(this.props.location);
    return this.props.id && this.props.isDataReady ? (
    <div>
    <Switch>
        <Route path={MY_FIRST_PATH} component={MyContainer}/>
    </Switch>
    </div>
    ) : null;
}
}

Проблема в том, что после перехода к пути, затем обратно, затем к пути снова происходит сбой страницы.Он работает нормально, когда я использую встроенную функцию в компоненте:

<Route path={MY_FIRST_PATH} component={() => <MyContainer/>}/>

Хороший ли второй способ по производительности?

Answer 1

Если MY_FIRST_PATH является константой, я предполагаю, что она преобразуется в строку, например, 'MY_FIRST_PATH', но в вашем пути необходимо иметь path='/MY_FIRST_PATH'.Очень вероятно, что вы забыли свой /