2017-08-02 75 views
0

这里是我的GooglePickerGooglePicker的的onChange()函数没有被称为阵营程序

<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> 

这里是我的onchange功能

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

我能够显示选择器按钮,并选择该文件从谷歌驱动器。但onChange函数没有被调用。请让我知道代码中的缺陷。

回答

1

尝试发送您的onChange功能,如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> 
+0

太好了!现在工作正常。我刚刚开始GooglePicker,但没有太多想法。而且还尝试了很多互联网上的Googlepicket反应实施,但找不到任何东西。你能否为我建议任何链接或文档。谢谢 – Kishore

+0

太棒了!现在工作正常。我刚刚开始GooglePicker,但没有太多想法。而且还尝试了很多互联网上的Googlepicket反应实施,但找不到任何东西。你能否为我建议任何链接或文档。谢谢 – Kishore

+0

@Kishore,GooglePicker并不出名,我第一次看到它,我刚刚打开它的源代码并发现问题。我可以说他们有一个[demo](https://www.npmjs.com/package/react-google-picker) – Andrew