How to use?

[Tzikas]

I'm a little confused about the example: I have

handleScriptCreate() {
  this.setState({ scriptLoaded: false })
}
 
handleScriptError() {
  this.setState({ scriptError: true })
}
 
handleScriptLoad() {
  console.log(this)
  this.setState({ scriptLoaded: true })
  $('body').click(function(){
		alert('up')
   })
}
 
render() {
   return(

    <Script
      url="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"
      onCreate={this.handleScriptCreate.bind(this)}
      onError={this.handleScriptError.bind(this)}
      onLoad={this.handleScriptLoad.bind(this)}
    />
  )
}

and I'm getting a error '$' is not defined . jQuery in component did mount doesn't work either. What am I doing wrong?

[Tzikas]

Script Loaded is true in the state.

[njho]

Any progress on this?

[XianHain]

Have you tried window.$('body').click(function(){alert('up');})? If you're using webpack or anything, it won't have a reference to $ since it's not defined in your webpack config.

[jmdelgadoh]

im having his same issue, how can i access the script once loaded?

[mail4andrey]

im having his same issue, how can i access the script once loaded?

if you use wbpack it's not a problem react-load-script you need to add npm module jquery and add to your component import * as $ from 'jquery'; (window as any).jQuery = $; (window as any).$ = $; that's all

https://github.com/webpack/webpack/issues/4258#issuecomment-401820798

[ArtixZ]

Same issue here.