react怎么引入jquery_react.js - webpack reactjs 如何引入jquery

问 题

我的 webpack.config.js加了插件

new webpack.ProvidePlugin({

$: "jquery",

jQuery: "jquery",

"window.jQuery": "jquery"

})

Component

import React , {Component} from 'react'

import ReactDOM from 'react-dom'

require('./index.styl');

class Slider extends Component {

componentDidMount(){

this.props.onLoad();

}

initEvent(){

$(body).html()

alert('initEvent1');

}

render(){

if(this.props.focus.data){

this.initEvent();

return (

{this.props.focus.data.results.map(item =>

)}

)

}else{

return null;

}

}

}

export default Slider

我这里会报错 Uncaught (in promise) ReferenceError: $ is not defined

官网说不用再require('jquery')了，不知为什么报错？

解决方案

require 就像当于ES6中的import ，所以import $ from jquery

扫一扫关注IT屋

微信公众号搜索 “ IT屋 ” ，选择关注与百万开发者在一起