How to override onScriptLoaded function?

Hi. I’m trying to set a function different from noop (the default) to be triggered but I can’t seem to be able to do it. I’ve tried changing defaultProps for the wrapped component but that didn’t work.

Ideally, I wanted to be able to define the function when I call the scriptLoader function, maybe like this: (the name of my wrapper component is Metrics)

export default scriptLoader(
  [
    'http://path.to.my.script.net/script.js'
  ],'', function(){ console.log('onScriptLoader was called...'); })(Metrics);

Is this (or something like this) possible?

Thank you

[vsc-github]

@leozdgao I agree with @oyeanuj . The usage of onScriptLoaded is unclear, it is not described in the docs as well. I want to mount a component after my script loads. How should I use onScriptLoaded in such a case?

[jpt1971]

Please could someone give an example of how to use the onScriptLoaded function. else going to have to find a different library to use, which sucks 😦

I know the author wrote:

This is how onScriptLoader works: const MockedComponent = AsyncScriptLoader.apply(null, deps)(TestComponent)

<MockedComponent onScriptLoaded={onScriptLoaded} />

but, maybe I am benig dense, I don’t under stand how that would relate to the code example in the docco:

import React, { Component } from ‘react’ import scriptLoader from ‘react-async-script-loader’   class Editor extends Component {   …     componentWillReceiveProps ({ isScriptLoaded, isScriptLoadSucceed }) {     if (isScriptLoaded && !this.props.isScriptLoaded) { // load finished        if (isScriptLoadSucceed) {         this.initEditor()       }       else this.props.onError()     }   }     componentDidMount () {     const { isScriptLoaded, isScriptLoadSucceed } = this.props     if (isScriptLoaded && isScriptLoadSucceed) {       this.initEditor()     }   }     … }   export default scriptLoader(   [     ‘https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js’,     ‘https://cdnjs.cloudflare.com/ajax/libs/marked/0.3.5/marked.min.js’   ],   ‘/assets/bootstrap-markdown.js’ )(Editor)

??