创建一个react-component作为内容的包装器

Question

我想创建一个可以重用的列组件。然后，使用column-component作为wrap。我如何才能做到这一点。当前不显示该列的内部内容。

React.js

 const Col = React.createClass({

  render() {

    return (
        <div className='col'>

        </div>
    );
  }
 });

其他模块内部的用法：

import Col from ....
...
 return( 

   <Col> 
      <div>Here goes the content ...</div>
   </Col>
)