# React.js

**URL:** <https://forum.kirupa.com/t/react-js/646570>\
**Category:** web dev\
**Created:** [March 13, 2021, 8:39am UTC](https://forum.kirupa.com/t/react-js/646570 "2021-03-13T08:39:48Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Ferhad\_Kerimli](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/ferhad_kerimli/32/13388_2.png) [@Ferhad\_Kerimli](https://forum.kirupa.com/u/Ferhad_Kerimli)\
**Post date:** [March 13, 2021, 8:39am UTC](https://forum.kirupa.com/t/react-js/646570/1 "2021-03-13T08:39:49Z")

</div>

Hello ,  
i hope you doing well.

i have question regarding React Router. The below , MainPAgeContainer compenent did not show on display. Header and Search is displaying MainPageContainer not. Could you tell me please

this is App.js di

```auto
function App (props) {

  return (

    <div className="App">
   
      <div className="body">

<div className = "background_image">  
 
<Route path='/e-commerce/' component={Header}/>

<Route path='/e-commerce/' exact component={SearchHeader}/> 

</div>

<div className = "background_image"> 
    
      <Route
      path="/e-commerce/detailed/:id?"
      render={() => <Detailed product={props.productsInfo}/>}/>

</div>

</div>
      
<div className="main">

  <Route path="/e-commerce" component={MainPageContainer}/>
 </div>
    
    </div>

```

this is index.js

```auto
ReactDOM.render( 
  <Provider store={store}>
   <BrowserRouter>
   <Route path= '/' render={()=> <App />}/>
   </BrowserRouter>
</Provider> ,
  document.getElementById('root')
);

```