看板 Ajax 關於我們 聯絡資訊
最近在上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 好像也沒有找到這段程式的用法 所以有點困惑 謝謝各位前輩~感謝 -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 123.193.69.86 ※ 文章網址: https://www.ptt.cc/bbs/Ajax/M.1477232236.A.BA8.html
kkx55893: 這是人家包成的npm package,直接使用youtube的api即可 10/23 22:27
kkx55893: 跟react沒什麼關係 10/23 22:27
FrankYoshi: 不好意思,直接使用youtube的api這句話的意思是? 10/23 22:57
FrankYoshi: 所以YTSearch({key:API_KEY,term:'surfboards'}... 10/23 22:57
FrankYoshi: 就是在使用YouTube的api了嗎? 這段程式應如何理解? 10/23 22:59
Hevak: 因為 import YTSearch from 'youtube-api-search' 10/23 22:59
Hevak: 所以你要去看的是 youtube-api-search 這個 npm 套件的文件 10/23 22:59
Hevak: 哦我的天...我找了一下這套件居然沒文件=_=.......... 10/23 23:00
Hevak: 當你用 import A from 'B' 的時候,意思就是說你去取 10/23 23:01
Hevak: 'B'這個套件預設export的東西並指派到變數 A 上,看來他預 10/23 23:01
Hevak: 設export的是一個function,所以你就是把那個function指派 10/23 23:02
Hevak: 到YTSearch上面來用,你找google的文件當然找不到, 10/23 23:02
Hevak: 因為你用的是別人的套件,你前面一定有先 npm install 過 10/23 23:03
Hevak: 'youtube-api-search',沒有的話也至少 package.json 裡面 10/23 23:03
Hevak: 有然後你又install過才能這樣import 10/23 23:03
Hevak: 你要知道他的用法的話,如果又像這樣沒有文件 10/23 23:03
Hevak: 你就去./node_modules/youtube-api-search資料夾下看他的 10/23 23:04
Hevak: js檔怎麼寫 10/23 23:04
Hevak: http://i.imgur.com/2Ylkirm.png 10/23 23:05
Hevak: 像這樣你就看得到他這個套件的內容了 10/23 23:05
Hevak: 雖然一般而言應該都是套件提供者要給文件,你這個例子只能. 10/23 23:05
Hevak: 說做這個教學的人沒有考慮到這點..... 10/23 23:05
Hevak: 你從套件內容就看得出來這是個你不用掛他套件也能自己寫出 10/23 23:06
Hevak: 來的 https://www.googleapis.com/youtube/v3/search 的aja 10/23 23:06
Hevak: x呼叫而已.... 10/23 23:06
FrankYoshi: 了解了~感謝前輩的指導 10/26 16:34