javascript – 如何从.jsx脚本调用ReactJS元素上的jQuery函数？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 如何从.jsx脚本调用ReactJS元素上的jQuery函数？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含945字，纯文字阅读大概需要2分钟。

内容图文

我刚刚开始学习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 (
        <input type="text" value="text goes here" 
               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 (
        <input ref="tooltip" type="text" value="text goes here" 
               name={this.props.inputName} 
               id={this.props.inputId}/>
    );
}
});

内容总结

以上是互联网集市为您收集整理的javascript – 如何从.jsx脚本调用ReactJS元素上的jQuery函数？全部内容，希望文章能够帮你解决javascript – 如何从.jsx脚本调用ReactJS元素上的jQuery函数？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---