React中jquery引用

在React中引用Jquery比較好玩，獲取元素的數據更多

1.引入方法舉例：

import $ from 'jquery';

import { Button } from 'antd';

class testJquery extends React.Component {

　　constructor(props) {
　　　　super(props);

　　　　this.selectElement = this.selectElement.bind(this);

　　}

　　render() {

　　　　return(

　　　　　　<div>

　　　　　　　　<Button onClick={this.selectElement}>點擊一下</Button>

　　　　　　　　<h4 className="text">這是：12</h4>

　　　　　　</div>

　　　　);

　　}

　　selectElement() {

　　　　console.log('text對象：',$('.text'));

　　　　console.log('text中的值：',$('.text')[0].textContent);

　　}

}

export default testJquery;

 

 2.界面樣式

 

3. 控制台打印結果

 4.text對象部分屬性