在react項目中使用jQuery庫

1、安裝jQuery

cnpm i jquery -S

2、在組件中引入jquery庫

import React, { Component } from 'react'
import $ from 'jquery'

export class App extends Component {
    render() {
        return (
            <div>
                <div className="app">hello</div>
            </div>
        )
    }

    componentDidMount(){
        $(".app").mouseenter(()=>{
           console.log($(".app").text());
        });
    }
}

export default App

效果:
480452-20200314205215741-1337633811.png

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章