反应呈现不与getElementById

Question

为什么第一个渲染工作，但不是第二个？

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

我得到的错误是：

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

不作任何意义，因为它工作在第一种情况下

Answer 1

getElementById一个id没有#前缀参数。试试：

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