Using jQuery with React

Question

I am just trying to print the data test foo using react. In my app.js file i have written the following code

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

})();

but in place of document.getElementById('baseNode') if i use $('#baseNode') it throws me an error react.js:18307 Uncaught Error: Invariant Violation: _registerComponent(...): Target container is not a DOM element. I have an div with id baseNode in my html Page

Oleksandr T. · Accepted Answer · 2016-04-15 09:58:13Z

2

$('#baseNode') returns jQuery Object, but second argument should be HTMLElement., $('#baseNode')[0] is equivalent to document.getElementById( 'baseNode')

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

answered Apr 15, 2016 at 9:58

Oleksandr T.

77.6k17 gold badges177 silver badges145 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Using jQuery with React

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related