我刚刚开始学习ReactJS,这件事发生在我身上.
例如:
我想对reactjs元素执行的函数:
function initializeInput(selector, color) {
// just an example function
$(selector).css("font-size", "21pt");
}
和我的.jsx文件的一部分:
var myInput = React.createClass({
componentDidMount: function () {
initializeInput("#" + this.props.inputId);
},
render: function() {
return (
name={this.props.inputName}
id={this.props.inputId}/>
);
}
});
这个函数被成功调用,但没有任何反应,似乎事情不仅仅是用jQuery和React这样做.将它们混合起来甚至是好的吗?谢谢.
解决方法:
Jquery与Reactjs非常合作.
您可以在反应渲染之后调用jquery函数,即在componentDidMount和中
你可以为此做出反应.让我们说你想要一个工具提示
var myInput = React.createClass({
componentDidMount: function () {
$(this.refs.tooltip).tooltip();
},
render: function() {
return (
name={this.props.inputName}
id={this.props.inputId}/>
);
}
});
标签:javascript,jquery,reactjs
来源: https://codeday.me/bug/20190722/1502688.html