如何在反应路由器上使用Redux连接的组件？

Question

我试图使用连接到Redux的存储组件与反应路由器（简体）：

export class SomeComponent extends React.Component { 
    // ... some methods goes here 
    export default connect(
     state => ({ 
      someState: state.someState, 
     }), 
     dispatch => bindActionCreators({ 
      someAction, 
     }, dispatch) 
    )(SomeComponent); 
} 

某处，我需要连接的组件与反应路由器：

const routes = (
    <Route path='/' component={Layout}> 
     <Route path='/somepath' component={SomeComponent} /> 
    </Route> 
); 

export default class Verification extends React.Component { 
    render() { 
     const createElement = (Component, props) => { 
     return (
      <Component /> 
     ); 
     }; 
     return (
      <div> 
       <Provider store={store}> 
        <Router history={browserHistory} createElement={createElement}> 
         {routes} 
        </Router> 
       </Provider> 
      </div> 
     ); 
    } 
} 

它正常工作与组件没有connect()，但不幸的是它连接组件失败，因为Layout组件需要Children，但是Children未定义。

是否可以通过内联样式将组件传递给路由器？

Answer 1

问题在于使用普通导入import A from './a';而不是import { A } from './a';用于Redux组件。