React Router与组件无法正常工作

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我假设它将解析为字符串，即'MY_FIRST_PATH' ，但是在您的路径'MY_FIRST_PATH' ，您需要具有path='/MY_FIRST_PATH' 。 您很可能忘记了/