getElementByIdを参照エラー

Question

https://jsbin.com/nisetupaqa/edit?html,js,console,output

var App = React.createClass({ 
     render(){ 
     return(
     <h1>Hello world</h1> 
     ) 
     } 
    }) 

ReactDOM.render(<App />,getElementById('app-container')); 

何が問題になっています反応し使用して？仕事にハロー世界を取得できませんでした、私はこれは動作するはず"ReferenceError: getElementById is not defined

Answer 1

のエラーを得た：

class App extends React.Component { 
    handleClick(e){ 
    alert("Clicked"); 
    } 
    render(){ 
     return(
     <h1 onClick={this.handleClick.bind(this)}>Hello world</h1> 
    ) 
    } 
} 

ReactDOM.render(<App />,document.getElementById('app-container')); 

Answer 2

getElementByIdは、それがグローバルではありません、documentオブジェクトのメソッドです。

document.getElementByIdは、ブラウザによって定義されます。

getElementByIdをグローバルとして呼び出す場合は、自分で定義する必要があります。