小编Efr*_*ary的帖子

作为reactJS的初学者，我想知道当我路由到子组件URL时如何隐藏父组件

假设一个场景：

用户位于“ / house”，如下所示：

<Route path="/house" component={House} />

当用户单击房屋网格时，他导航到“ / house / flat /：flatID”。内部房屋组件

<Route
    path={`${this.props.match.url}/flat/:flatId`}
    render={() => <div>Each Flat details</div>}
/>

那么子组件和父组件都是可见的，如下所示：

所以我想要的是当用户导航到“ / house / flat：FlatId”时仅显示平面组件。请给我建议任何有帮助的东西！文章的任何链接，以便我可以学习并实现这种功能。

码：

App.js

<Switch>
    <Route exact path="/" component={Home} />
    <Route exact path="/account" component={Account} />
    <Route path="/gharjagga" component={GharJagga} />
</Switch>

House.js

onGharGridClick= id => {
    <Redirect to={`${this.props.match.url}/flat/${id}`} />;
};

return (
    <Route
        path={`${this.props.match.url}/flat/:fkatId`}
        render={() => <div>Ghar Each</div>}
    />
);