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

有什麼不對？無法獲得一個Hello World的工作，我得到的"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作爲全球通話，那麼您必須自己定義它。