Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript React js组件不侦听Jquery插件_Javascript_Jquery_Reactjs - Fatal编程技术网

Javascript React js组件不侦听Jquery插件

Javascript React js组件不侦听Jquery插件,javascript,jquery,reactjs,Javascript,Jquery,Reactjs,我想与jquery协作,如下所示 假设我有一个由react生成的textarea var textarea = React.createClass({ render : function(){ return <textarea id="mytextarea"></textarea>; } }); var textarea=React.createClass({ render:function(){ 返回; } }); 我想通过应用一个名为“a

我想与jquery协作,如下所示

假设我有一个由react生成的textarea

var textarea = React.createClass({
   render : function(){
       return <textarea id="mytextarea"></textarea>;
   }
});
var textarea=React.createClass({
render:function(){
返回;
}
});
我想通过应用一个名为“autosize”的插件来自动调整这个文本区域的大小,所以我这样做了

$("#mytextarea").autosize();

ReactDOM.render(<textarea/>, document.getElementById('form'));
$(“#mytextarea”).autosize();
ReactDOM.render(,document.getElementById('form'));
注意:如果我使用普通的textarea(而不是react DOM Component),插件就可以工作。
但不能使用react组件。

在调用
$(“#mytextarea”).autosize()时不会呈现文本区域,所以它实际上还不存在。在React的
componentDidMount()
方法中调用
.autosize()
可能会成功,该方法将在呈现组件后调用

var textarea = React.createClass({
  componentDidMount: function() {
    $("#mytextarea").autosize();
  },
  render : function(){
    return <textarea id="mytextarea"></textarea>;
  }
});
var textarea=React.createClass({
componentDidMount:function(){
$(“#mytextarea”).autosize();
},
render:function(){
返回;
}
});

调用
$(“#mytextarea”).autosize()时不会呈现文本区域,所以它实际上还不存在。在React的
componentDidMount()
方法中调用
.autosize()
可能会成功,该方法将在呈现组件后调用

var textarea = React.createClass({
  componentDidMount: function() {
    $("#mytextarea").autosize();
  },
  render : function(){
    return <textarea id="mytextarea"></textarea>;
  }
});
var textarea=React.createClass({
componentDidMount:function(){
$(“#mytextarea”).autosize();
},
render:function(){
返回;
}
});

尝试使用
className=“mytextarea”
”.mytextarea“
代替id来代替jQuerytry,使用
className=“mytextarea”
“.mytextarea”
来代替id