Repository navigation
How to use? #20
Description
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?
Activity
Tzikas commentedon Dec 30, 2017
Script Loaded is true in the state.
njho commentedon Mar 21, 2018
Any progress on this?
XianHain commentedon Apr 13, 2018
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 commentedon Apr 12, 2019
im having his same issue, how can i access the script once loaded?
mail4andrey commentedon Apr 15, 2019
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
webpack/webpack#4258 (comment)
ArtixZ commentedon Apr 3, 2020
Same issue here.