Как создать несколько layout с помошью React Router 4 (react-router-dom)?

Question

[Максим Корольский]

Не получается создать 2 разных Layout в новой версии React-Router
Помогите

Answer 1

[Максим Корольский]

Всем спасибо
Решение следующее:

<Switch>
                <Layout exact path="/properties" component={Properties} />
                <Layout path="/properties/:id" component={Property} />
              </Switch>


const Layout = ({component: Component, ...rest}) => {
  return (
    <Route {...rest} render={matchProps => (
      <div className="container-fluid flex-wrap justify-content-center d-flex layout flex-column" style={{ minHeight: '100vh', background: rest.white ? 'white' : '#eceff1' }}>

          <Header />
          <div style={{ flex: 1 }}>
            <Component {...matchProps} />
          </div>
          <Footer />

      </div>

    )} />
  )
};

export default Layout;

Соответсвенно для других роутов создаем Layout таким же образом.