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

Question

在应用程序中，除了主页'/'之外，所有页面中的导航都是单一的。

如何防止导航在主页中出现两次。这是一个截图和 react-router 的代码。

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 />。