GooglePicker's onChange() function is not being called in React programme

Question

here is my GooglePicker

<GooglePicker clientId={'ClientID'}
                         developerKey={'API Key'}
                         scope={['https://www.googleapis.com/auth/drive.readonly']}
                         onChange={this.onChange}
                         multiselect={true}
                         navHidden={true}
                         authImmediate={false}
                         mimeTypes={['image/png', 'image/jpeg', 'image/jpg']}
                         viewId={'DOCS_IMAGES'}>
               <button type="button" id="pick">Pick File</button>  
            </GooglePicker>

here is my onchange function

onChange() {
       console.log("Change is logged here");
}

I am able to display the picker button and select the file from google drive. But onChange function is not being called. Please let me know the flaw in the code.

Andrii Starusiev · Accepted Answer · 2017-08-02 04:45:07Z

1

Try to send your onChange function like the arrow function:

<GooglePicker clientId={'ClientID'}
                         developerKey={'API Key'}
                         scope={['https://www.googleapis.com/auth/drive.readonly']}
                         onChange={(data) => this.onChange(data)}
                         multiselect={true}
                         navHidden={true}
                         authImmediate={false}
                         mimeTypes={['image/png', 'image/jpeg', 'image/jpg']}
                         viewId={'DOCS_IMAGES'}>
               <button type="button" id="pick">Pick File</button>  
            </GooglePicker>

answered Aug 2, 2017 at 4:45

Andrii Starusiev

7,7942 gold badges31 silver badges40 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

ThinkAndCode Over a year ago

Great! It's working fine now. I have just started GooglePicker,But do not have much idea. And also tried a lot in internet for Googlepicket react implementation, But couldn't find anything. Could you suggest me any link or Docs for this. Thank you

ThinkAndCode Over a year ago

Great! It's working fine now. I have just started GooglePicker,But do not have much idea. And also tried a lot in internet for Googlepicket react implementation, But couldn't find anything. Could you suggest me any link or Docs for this. Thank you

Andrii Starusiev Over a year ago

@Kishore, GooglePicker is not famous, and I see it first time, I just opened it's source and find problem. I can say they have a demo

ThinkAndCode Over a year ago

Usually Onchange() is called in a normal way, But in this case ,it is being called with help of Arrow function. is this specific thing because of GooglePicker? or are there any special reason?

Andrii Starusiev Over a year ago

Not sure what is the data here but, when you need to call your method with a params, you can't just write onChange={this.onChange(somParam)} this function will be called without onChange, with first render, to avoiding this behavior usually used arrow func.

Collectives™ on Stack Overflow

GooglePicker's onChange() function is not being called in React programme

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related