บทช่วย สอนตอบโต้

หน้าแรก แนะนำตัว ตอบสนอง เริ่มต้น ตอบสนอง ES6 React Render HTML ตอบโต้ JSX ส่วนประกอบปฏิกิริยา คลาสตอบโต้ ตอบสนองอุปกรณ์ประกอบฉาก ปฏิกิริยาเหตุการณ์ เงื่อนไขการตอบสนอง รายการตอบโต้ แบบฟอร์มตอบโต้ ตอบสนองเราเตอร์ บันทึกโต้ตอบ ตอบสนอง CSS จัดแต่งทรงผม ตอบสนอง Sass จัดแต่งทรงผม

ตะขอตอบสนอง

ตะขอคืออะไร? ใช้สถานะ ใช้เอฟเฟกต์ ใช้บริบท ใช้Ref ใช้ลด ใช้โทรกลับ ใช้บันทึก ตะขอแบบกำหนดเอง

แบบฝึกหัดตอบโต้

ตอบคำถาม แบบฝึกหัดตอบโต้ ใบรับรองปฏิกิริยา

ตอบสนองวิธีการอาร์เรย์ ES6


วิธีการอาร์เรย์

มีวิธีอาร์เรย์ JavaScript มากมาย

วิธีหนึ่งที่มีประโยชน์ที่สุดใน React คือ.map()วิธีอาร์เรย์

วิธี นี้.map()จะอนุญาตให้คุณเรียกใช้ฟังก์ชันกับแต่ละรายการในอาร์เรย์ โดยส่งกลับอาร์เรย์ใหม่เป็นผลลัพธ์

ใน React map()สามารถใช้สร้างรายการได้

ตัวอย่าง

สร้างรายการจากอาร์เรย์:

const myArray = ['apple', 'banana', 'orange'];

const myList = myArray.map((item) => <p>{item}</p>)


ทดสอบตัวเองด้วยแบบฝึกหัด

ออกกำลังกาย:

กรอกวิธีการอาร์เรย์ที่จะช่วยให้คุณเรียกใช้ฟังก์ชันกับแต่ละรายการในอาร์เรย์และส่งคืนอาร์เรย์ใหม่

const myList = myArray.((item) => <p>{item}</p>)