React-Router Navigation Appearing Twice On path='/'

Question

In the application the navigation appears single in all the pages except the home which is '/'.

How do I prevent the navigation from appearing twice in the home. Here is a screenshot and the code for the react-router.

Screen Shot OF Double Menu In React-Router:

Here is the code:

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>
    );
  }
}

try removing the `strict` prop – c-chavez Nov 18 '18 at 19:17 — c-chavez, Nov 18 '18 at 19:17
@c-chavez I removed it but nothing happens after that.. – Prince Brown Nov 18 '18 at 19:24 — Prince Brown, Nov 18 '18 at 19:24
could you show us your `HomeIndex` component code? – c-chavez Nov 18 '18 at 19:26 — c-chavez, Nov 18 '18 at 19:26
@c-chavez https://codeshare.io/GLbnJl – Prince Brown Nov 18 '18 at 19:29 — Prince Brown, Nov 18 '18 at 19:29

score 0 · Accepted Answer · answered Nov 18 '18 at 19:29

0

Once check your HomeIndex component, may be you are using <Navigator /> again inside HomeIndex component.

answered Nov 18 '18 at 19:29

Jaisa Ram

1,687
14
21

it's okay. @BoringProgrammer – Jaisa Ram Nov 18 '18 at 19:32

React-Router Navigation Appearing Twice On path='/'

1 Answers1