[問題] React 的Youtube API

看板Ajax作者 (作別人生命中的天使!)時間7年前 (2016/10/23 22:17), 編輯推噓0(0026)
留言26則, 3人參與, 最新討論串1/1
最近在上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

10/23 22:27, , 1F
這是人家包成的npm package,直接使用youtube的api即可
10/23 22:27, 1F

10/23 22:27, , 2F
跟react沒什麼關係
10/23 22:27, 2F

10/23 22:57, , 3F
不好意思,直接使用youtube的api這句話的意思是?
10/23 22:57, 3F

10/23 22:57, , 4F
所以YTSearch({key:API_KEY,term:'surfboards'}...
10/23 22:57, 4F

10/23 22:59, , 5F
就是在使用YouTube的api了嗎? 這段程式應如何理解?
10/23 22:59, 5F

10/23 22:59, , 6F
因為 import YTSearch from 'youtube-api-search'
10/23 22:59, 6F

10/23 22:59, , 7F
所以你要去看的是 youtube-api-search 這個 npm 套件的文件
10/23 22:59, 7F

10/23 23:00, , 8F
哦我的天...我找了一下這套件居然沒文件=_=..........
10/23 23:00, 8F

10/23 23:01, , 9F
當你用 import A from 'B' 的時候,意思就是說你去取
10/23 23:01, 9F

10/23 23:01, , 10F
'B'這個套件預設export的東西並指派到變數 A 上,看來他預
10/23 23:01, 10F

10/23 23:02, , 11F
設export的是一個function,所以你就是把那個function指派
10/23 23:02, 11F

10/23 23:02, , 12F
到YTSearch上面來用,你找google的文件當然找不到,
10/23 23:02, 12F

10/23 23:03, , 13F
因為你用的是別人的套件,你前面一定有先 npm install 過
10/23 23:03, 13F

10/23 23:03, , 14F
'youtube-api-search',沒有的話也至少 package.json 裡面
10/23 23:03, 14F

10/23 23:03, , 15F
有然後你又install過才能這樣import
10/23 23:03, 15F

10/23 23:03, , 16F
你要知道他的用法的話,如果又像這樣沒有文件
10/23 23:03, 16F

10/23 23:04, , 17F
你就去./node_modules/youtube-api-search資料夾下看他的
10/23 23:04, 17F

10/23 23:04, , 18F
js檔怎麼寫
10/23 23:04, 18F

10/23 23:05, , 19F

10/23 23:05, , 20F
像這樣你就看得到他這個套件的內容了
10/23 23:05, 20F

10/23 23:05, , 21F
雖然一般而言應該都是套件提供者要給文件,你這個例子只能.
10/23 23:05, 21F

10/23 23:05, , 22F
說做這個教學的人沒有考慮到這點.....
10/23 23:05, 22F

10/23 23:06, , 23F
你從套件內容就看得出來這是個你不用掛他套件也能自己寫出
10/23 23:06, 23F

10/23 23:06, , 24F
10/23 23:06, 24F

10/23 23:06, , 25F
x呼叫而已....
10/23 23:06, 25F

10/26 16:34, , 26F
了解了~感謝前輩的指導
10/26 16:34, 26F
文章代碼(AID): #1O3CPike (Ajax)