Как передать state в this.props.children. React

Привет. Не знаю как при загрузке с помощью react-router какогото layaut-а передать state в this.props.children.

Вот компонент Children:

import React, { Component } from 'react';
export default class Children extends Component{
    render() {
        return React.cloneElement(this.props.children)
    }
}

вот часть компонента App где он загружается:

render() {
        return (
            <div>
                <Header 
          {...this.state}
          popup={this.handlePopup}
          changeLogin={this.handleUser}
          submitLogin={this.login}
          logout={this.logOut}/>
                <Children children={this.props.children} appState={this.state}/>
                <Footer />
                <Popup 
          {...this.state} 
          changePopup={this.handlePopup}
          selectChange={this.selectChange}
          changeInfoPopup={this.changeInfoPopup}
          changeRadio={this.changeRadio}/>
            </div>
        );
    }

вот роутинг:

import React from 'react';
import {IndexRoute, Route} from 'react-router';
import App from './layouts/app';
import Body from './layouts/body';
import TwoCols from './layouts/twoCols';
import PersonalArea from './containers/user/PersonalArea'
const routes = (
     <Route path='/' component={App}>
        <Route component={Body}>
            <Route component={TwoCols}>
                <Route path="scz_:user" component={PersonalArea} />  {/*сюда надо перенести state*/}
            </Route>
        </Route>
      </Route>
)
export default routes;