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组件，可能是您在<Navigator />组件中再次使用了HomeIndex。