Reagieren Rendern funktioniert nicht mit getElementById

Question

Warum funktioniert das erste Rendering aber nicht das zweite?

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

Der Fehler Ich erhalte ist:

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

, die ohne den # Präfix als Parameter

Answer 1

getElementById nimmt eine id keinen Sinn machen, wie es im ersten Fall arbeitet . Versuchen Sie: