Codepen.ioでReact.jsを使用すると、カスタムタグがレンダリングされないのはなぜですか？

Question

非常に初心者とばかな質問かもしれないが、それでも、誰もが最初に学ぶ...

HTML

<div class="container" id="container"> 

CSS（SCSS）

$back:#1D1F20; 
$font:'Open Sans',sans serif; 
body{ 
    background-color:$back; 
    padding:20px; 
    h1{ 
    font-family:$font; 
    color:white; 
    } 
    DisplayBox{ 
    font-family:$font; 
    color:white; 
    } 
} 

JS（バベル）

var DisplayBox=React.createClass({ 
    render:function(){ 
     return (
      <h1>Marked</h1> 
     ); 
    } 
}); 

React.render(<DisplayBox />,document.getElementById("container")); 

Answer 1

:-)事前にご協力いただきありがとうございます私の目的は#container内のカスタムタグDisplayBoxをレンダリングすることですが、それはcodepen.ioに JS config in Codepen CSS config

をレンダリングされていません代わりに

React.render(<DisplayBox />,document.getElementById("container")); 

の

使用

ReactDOM.render(<DisplayBox />,document.getElementById("container")); 

チェック作業example

チェックのdifference between React and ReactDOM