Использование jQuery с React

Question

Я просто пытаюсь распечатать тест данных foo с помощью реакции. В моем app.js файл я написал следующий код

/** @jsx React.DOM */ 
(function(){ 
    'use strict'; 

var Quiz = React.createClass({ 
    render:function(){ 
    return <div> test {this.props.data}</div>; 
    } 
}); // react class Quiz 

ReactDOM.render(<Quiz data={"foo"} />, document.getElementbyID('#baseNode')); 

})(); 

но вместо document.getElementById («BaseNode»), если я использую $ («# BaseNode») он бросает мне ошибку react.js:18307 Uncaught Error: Invariant Violation: _registerComponent(...): Target container is not a DOM element. У меня есть DIV с идентификатором BaseNode в моем HTML-страницу

Answer 1

$('#baseNode') возвращает jQuery объект, но второй аргумент должен быть HTMLElement., $('#baseNode')[0] эквивалентно document.getElementById('baseNode')

ReactDOM.render(
    <Quiz data={"foo"} />, 
    $('#baseNode')[0] 
);