2017-08-02 90 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