React中jquery引用的实现方法

这是一篇很有收藏价值的文章《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对象部分属性

以上就是React中jquery引用的实现方法。与狼共舞,必须自己成为狼,而且变成“超级狼”。更多关于React中jquery引用的实现方法请关注haodaima.com其它相关文章!

您可能有感兴趣的文章
react axios 跨域访问一个或多个域名问题

React+ajax+java实现上传图片并预览功能

React组件对子组件children进行加强的方法

在React中写一个Animation组件为组件进入和离开加上动画/过度效果

回顾Javascript React基础