Expo Workshop 3 : API Expo บน browser

ตัวอย่างนี้
จะแสดงชื่อผู้ใช้จาก {Json} placeholder API หลักการคือ ติดต่อไปยัง http://jsonplaceholder.typicode.com/users/ เมื่อได้ผลลัพธ์เป็นออบเจ็กต์กลับมา เราจะกำหนด useEffect ฮุก เพื่อเก็บข้อมูลลงใน state และแสดงผลลัพธ์บนหน้าจอโดยใช้ FlatList คอมโพเนนต์ ดังนี้

ขั้นตอนการเรียกใช้ {Json} placeholder API

1. ตั้งชื่อ Project ชื่อ exapp3-api- ตามด้วยชื่อของนักศึกษา ตัวอย่างจะใช้เป็น exapp3-api-waraporn
(Capture หน้าจอ)



2. เปิด browser ไปยังหน้าต่างของ json ที่ link นี้ https://jsonplaceholder.typicode.com/users
(Capture หน้าจอ)



3. คลิกที่ไฟล์ App.js ซึ่งเป็นคอมโพเนนต์หลักของแอพพลิเคชัน และแก้ไขโค้ด ดังนี้ (สามารถ copy code ได้จากไดร์ฟที่โฟลเดอร์ใบงาน)
(Capture หน้าจอ)



4. Download project โดยคลิกที่สัญลักษณ์ Download as zip จะได้โฟลเดอร์ชื่อ exapp3-api-waraporn ให้นำโฟลเดอร์ดังกล่าว ส่งในไดร์ฟงาน