这次给大家带来jquery引用React步奏详解,jquery引用React的注意事项有哪些,下面就是实战案例,一起来看一下。
在React中引用Jquery比较好玩,获取元素的数据更多
引入方法举例:
import $ from 'jquery'; import { Button } from 'antd'; class testJquery extends React.Component { constructor(props) { super(props); this.selectElement = this.selectElement.bind(this); } render() { return( <p> <Button onClick={this.selectElement}>点击一下</Button> <h4 className="text">这是:12</h4> </p> ); } selectElement() { console.log('text对象:',$('.text')); console.log('text中的值:',$('.text')[0].textContent); } } export default testJquery;
相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!
推荐阅读:
Atas ialah kandungan terperinci jquery引用React步奏详解. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!