在反应中使用jQuery

时间:2016-04-15 09:53:23

标签: jquery reactjs

我只是尝试使用react打印数据测试foo。在我的app.js文件中,我编写了以下代码

<script src="https://cdnjs.cloudflare.com/ajax/libs/mithril/0.2.3/mithril.min.js"></script>

但是如果我使用$(&#39;#baseNode&#39;)代替document.getElementById(&#39; baseNode&#39;)它会抛出一个错误/** @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') ); })(); 我有一个div我的html页面中的id baseNode

1 个答案:

答案 0 :(得分:2)

$('#baseNode')返回jQuery对象,但第二个参数应为HTMLElement。,$('#baseNode')[0]相当于document.getElementById( 'baseNode')

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