反応レンダリングがgetElementByIdで機能しない

Question

最初のレンダリングはなぜ機能しますが、2番目のレンダリングは動作しません。

// load react library 
var React = require('react'); 
var ReactDOM = require('react-dom'); 

//build first component 
/* 
    StorePicker 
*/ 
var StorePicker = React.createClass({ 

    render : function(){ 
     return (
      <div> 
       <p>&nbsp;</p> 
       <p>hi</p> 
       <p>and this is another</p> 
      </div> 
     ) 
    } 
}) 


ReactDOM.render(<StorePicker/>,document.querySelector('#main')); 

ReactDOM.render(<StorePicker/>,document.getElementById('#main')); 

私は取得していますエラーがある：それは最初のケース

Answer 1

getElementByIdに働くよう意味をなさない

Uncaught Error: Invariant Violation: _registerComponent(...): Target container is not a DOM element. 

は、パラメータとして#接頭辞なしでIDを取り。試してください：

ReactDOM.render(<StorePicker/>, document.getElementById('main'));