React-Router 导航在路径 ='/' 上出现两次

Question

在应用程序中，除了主页 '/'。

，所有页面的导航都显示为单个

如何防止导航在首页出现两次。这是反应路由器的屏幕截图和代码。

React-Router 中双菜单的屏幕截图：

代码如下：

class App extends Component {
  render() {
    return ( 
     <BrowserRouter>
        <div>
            <Navigator />
            <Switch>
                <Route path='/'exact strict component ={HomeIndex} />
                <Route path='/Pricing' exact component ={Pricing} />
                <Route component={Error404}/>
            </Switch>
        </div>
     </BrowserRouter>
    );
  }
}

Answer 1

一旦检查了您的 HomeIndex 组件，您可能会在 HomeIndex 组件中再次使用 <Navigator />。