Question

我想创建一个列组件，我可以重用。然后将柱组分用作包裹物。我怎样才能做到这一点。目前，不显示列的内部内容。

React.js

 const Col = React.createClass({

  render() {

    return (
        <div className='col'>

        </div>
    );
  }
 });

其他模块中的用法：

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

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

Answer 1

html通过道具作为孩子传递。

const Col = React.createClass({

  render() {

    return (
        <div className='col'>
           {this.props.children}
        </div>
    );
  }
 });

Answer 2

To use the component inside the other component  you need to wrap around the div  of parent component.


React.js

 const Col = React.createClass({

  render() {

    return (
        <div className='col'>

        </div>
    );
  }
 });
Usage inside other Module:

import Col from ....
...
 return( 
   <div>
     <Col />
    </div>
)

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

2 个答案: