React中jquery怎么引用

React中jquery怎么引用

这篇“React中jquery怎么引用”文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇“React中jquery怎么引用”文章吧。

在React中引用Jquery比较好玩，获取元素的数据更多

1.引入方法举例：

import$from'jquery';import{Button}from'antd';classtestJqueryextendsReact.Component{　　constructor(props){　　　　super(props);　　　　this.selectElement=this.selectElement.bind(this);　　}　　render(){　　　　return(　　　　　　<div>　　　　　　　　<ButtononClick={this.selectElement}>点击一下</Button>　　　　　　　　<h5className="text">这是：12</h5>　　　　　　</div>　　　　);　　}　　selectElement(){　　　　console.log('text对象：',$('.text'));　　　　console.log('text中的值：',$('.text')[0].textContent);　　}}exportdefaulttestJquery;

2.界面样式

3. 控制台打印结果

4.text对象部分属性

以上就是关于“React中jquery怎么引用”这篇文章的内容，相信大家都有了一定的了解，希望小编分享的内容对大家有帮助，若想了解更多相关的知识内容，请关注恰卡编程网行业资讯频道。