reactjs - Prevent rendering of a particular layout when on a specific route with react router dom v4? -

hi i'm new in react want layoutto render in specif pages. below code , want layout not render on when landingpage renders

import react, { component } 'react'; import {createstore, applymiddleware} "redux" import allreducers "./reducers" import thunk 'redux-thunk'; import { provider } 'react-redux' import {      browserrouter router,      route,      link     } 'react-router-dom';   import landingpage './components/landingpage'; import login './components/login'; import registration './containers/registration';  const store = createstore(allreducers,    applymiddleware(thunk)  );   class app extends component {    render() {       return (        <provider store={store}>          <router >           <div>         <route exact path="/" component={landingpage} /> //** don't render on page         <layout>           <route path="/login" component={login} />           <route path="/signup" component={registration} />           </layout>          </div>        </router>      </provider>    );   }  }  export default app; 

any idea !!

you achieve routing separate component contains layout route not / , have nested routes in component like

import {switch} 'react-router' class app extends component {    render() {       return (        <provider store={store}>          <router >           <switch>            <route exact path="/" component={landingpage} /> //** don't render on page             <route path="/:someparam" component={mylayout}/>           </switch>        </router>      </provider>    );   }  }  class mylayout extends react.component {     render() {           return (               <layout>                 <route path="/login" component={login} />                 <route path="/signup" component={registration} />               </layout>           )       }  }