Explication détaillée des étapes permettant à jquery de référencer React

Cette fois, je vous apporte une explication détaillée des étapes pour jquerycitant React Quelles sont les précautions pour jquery citant React Voici les pratiques ? cas. Jetons un coup d'oeil.

Il est plus amusant de référencer Jquery dans React, et d'obtenir plus de données sur les éléments

Exemples de méthodes d'introduction :

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;

Je crois que vous maîtrisez après avoir lu le cas dans cet article. Pour des méthodes plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

jQuery détermine s'il faut naviguer jusqu'au bas de la page Web

jquery utilise iscorll pour implémenter pull -up chargement sur le téléphone mobile Déroulez pour rafraîchir

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!