GooglePickerさんのonChange（）関数がで呼び出されていないが、ここでプログラム

Question

反応し、私の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> 

が私のonchange機能は、私はピッカーボタンを表示し、ファイルを選択することができる午前

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

ですgoogleドライブから。しかし、onChange関数は呼び出されていません。コードの欠陥を教えてください。

Answer 1

はarrow functionのようなあなたのonChange機能を送信してください：

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