React.js別のコンポーネントでコンポーネントを使用するにはどうすればよいですか？

Question

は私が

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'));

は、しかし、私が得るすべてはボックスの代わりに、箱と箱の内側の引用です...ので、反応のように別のコンポーネントでコンポーネントを使用しようとしています。誰かがそれが偉大になるのを助けることができれば。

Answer 1

あなたが指定したコードには、Quotesectionがまったく使用されていません。

代わりにこれを試してみてください：そのはしかしこの方法を行って、なぜ私は思ったんだけど、働い

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