Javascript React js组件不侦听Jquery插件
我想与jquery协作,如下所示 假设我有一个由react生成的textareaJavascript 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
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