React中jquery引用

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

1.引入方法举例：

  1  import $ from 'jquery' ;
   2  
  3  import { Button } from 'antd' ;
   4  
  5   class testJquery extends React.Component {
   6  
  7   　　constructor(props) {
   8   　　　　super(props);
   9  
 10  　　　　 this .selectElement =  this .selectElement.bind( this  );
  11  
 12   　　}
  13  
 14   　　render() {
  15  
 16  　　　　 return  (
  17  
 18  　　　　　　<div>
 19  
 20  　　　　　　　　<Button onClick={ this .selectElement}>点击一下</Button>
 21  
 22  　　　　　　　　<h4 className="text">这是：12</h4>
 23  
 24  　　　　　　</div>
 25  
 26   　　　　);
  27  
 28   　　}
  29  
 30   　　selectElement() {
  31  
 32  　　　　console.log('text对象：',$('.text' ));
  33  
 34  　　　　console.log('text中的值：',$('.text')[0 ].textContent);
  35  
 36   　　}
  37  
 38   }
  39  
 40  export  default  testJquery;

 

 2.界面样式

 

3. 控制台打印结果

 4.text对象部分属性

 

查看更多关于React中jquery引用的详细内容...