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



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