React.js如何在另一个组件中使用组件？

Question

我试图在另一个组件中使用一个组件，就像反应......

＆＃13;

＆＃13;

var ContentBox = React.createClass({
    render: function () {
        return (
            <div>
                <div className="container-fluid">
                    <div className="box center-block">
                        {this.props.children}
                    </div>
                </div>
            </div>
        );
    }
});

var Quotesection = React.createClass({
    render:function () {
        return(
            <ContentBox><h1 className="text-center">Example text</h1></ContentBox>

        );
    }
});



ReactDOM.render(<ContentBox/>, document.getElementById('app'));

＆＃13;

＆＃13;

＆＃13;

但我得到的只是盒子而不是盒子和盒子里面的引用。如果有人能提供帮助，那就太棒了。

Answer 1

在您提供的代码中，您根本没有使用Quotesection。

请改为尝试：

ReactDOM.render(<Quotesection/>, document.getElementById('app'));