React 에서 jquery 가 인용 한 실현 방법

1325 단어 Reactjquery
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 개체 부분 속성

이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.

좋은 웹페이지 즐겨찾기