代码之家 › 专栏 › 技术社区 › ThinkAndCode

React程序中未调用GooglePicker的onChange()函数

google-picker reactjs

ThinkAndCode · 技术社区 · 7 年前

<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 回复 | 直到 7 年前

Andrii Starusiev 7 年前

尝试发送您的 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>

推荐文章