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 (
        <div className="slider nivoSlider">
        {this.props.focus.data.results.map(item =>
          <img src={item.url} key={item.url} />
        )}
        </div>
      )
    }else{
      return null;
    }
  }
}

export default Slider

我这里会报错 Uncaught (in promise) ReferenceError: $ is not defined
官网说不用再require('jquery')了，不知为什么报错？

解决方案

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

这篇关于react.js - webpack reactjs 如何引入jquery的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！