开发者社区> 问答> 正文

如何在开发中将react和jquery结合

现状
已经做了好几个react的demo,想在现有的项目中去推广
但目前的技术体系是:业务代码深度的使用了requirejs做模块化,控件层又深度的基于knockout来封装
想法及提问
低成本的将一些jq的插件和react封装的一些components结合使用,不知道大家有没有这样的例子
在不大改原架构体系的前提,大家是如何将react应用到自己的项目中,做过的同学分享下吧,一起学习。

展开
收起
小旋风柴进 2016-05-27 08:33:17 2226 0
2 条回答
写回答
取消 提交回答
  • 一楼正解,真的不建议 使用React开发时手工操作DOM

    2019-07-17 19:16:55
    赞同 展开评论 打赏
  • 每一种开发都有其配套体系。本来requirejs模块并无什么问题,不过webpack提供了更好的react开发支持,包括不仅限于,开发服务器,热替换(开发核心),代码分离,css加载,兼容AMD/CMD(很重要)。开发社区对这个体系支持非常友好,会有更多配套插件支持。——友情提醒

    回到正题

    使用React开发就是为了避免手工操作DOM,这个属于反模式。

    不过,因为React非常灵活,的确可以使用jQuery插件进行开发。一般来说,在组件挂载后(componentDidMount)阶段,对jQuery插件进行初始化,此阶段可以获得真实DOM节点(this.refs.XX.getDOMNode()),然后使用得到的DOM传递到插件调用。

    值得一提的是,记得在组件卸载前(componentWillUnmount)对插件进行卸载,不然可能会导致内存泄露等一系列bug哦~

    2019-07-17 19:16:55
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
利用编译将 Vue 组件转成 React 组件 立即下载
React Native 全量化实践 立即下载
React在大型后台管理项目中的工程实践 立即下载