[問題] React 的Youtube API

作者: FrankYoshi (作別人生命中的天使!)   2016-10-23 22:17:13
最近在上Udemy的React課程
課程中,有一個部分是在講串接API
http://imgur.com/a/4cYve
其中import YTSearch from 'youtube-api-search';
就像匯入模組,可以理解
不過後面這段就不是很清楚
YTSearch({key:API_KEY,term:'surfboards'},function(data){
console.log(data);
});
是說從youtube-api-search而來的YTSearch是一個function嗎?
另外這段程式碼的用法,那邊可以找到?
想要深入了解在React中的使用方法
不過找了developers.google.com
好像也沒有找到這段程式的用法
所以有點困惑
謝謝各位前輩~感謝
作者: kkx55893 (kkx)   2016-10-23 22:27:00
這是人家包成的npm package,直接使用youtube的api即可跟react沒什麼關係
作者: FrankYoshi (作別人生命中的天使!)   2016-10-23 22:57:00
不好意思,直接使用youtube的api這句話的意思是?所以YTSearch({key:API_KEY,term:'surfboards'}...就是在使用YouTube的api了嗎? 這段程式應如何理解?
作者: Hevak (Arthow Eshes)   2016-10-23 22:59:00
因為 import YTSearch from 'youtube-api-search'所以你要去看的是 youtube-api-search 這個 npm 套件的文件哦我的天...我找了一下這套件居然沒文件=_=..........當你用 import A from 'B' 的時候,意思就是說你去取'B'這個套件預設export的東西並指派到變數 A 上,看來他預設export的是一個function,所以你就是把那個function指派到YTSearch上面來用,你找google的文件當然找不到,因為你用的是別人的套件,你前面一定有先 npm install 過'youtube-api-search',沒有的話也至少 package.json 裡面有然後你又install過才能這樣import你要知道他的用法的話,如果又像這樣沒有文件你就去./node_modules/youtube-api-search資料夾下看他的js檔怎麼寫http://i.imgur.com/2Ylkirm.png像這樣你就看得到他這個套件的內容了雖然一般而言應該都是套件提供者要給文件,你這個例子只能.說做這個教學的人沒有考慮到這點.....你從套件內容就看得出來這是個你不用掛他套件也能自己寫出來的 https://www.googleapis.com/youtube/v3/search 的ajax呼叫而已....
作者: FrankYoshi (作別人生命中的天使!)   2016-10-26 16:34:00
了解了~感謝前輩的指導

Links booklink

Contact Us: admin [ a t ] ucptt.com