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

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

ตะขอตอบสนอง

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

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

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

ตอบสนอง ES6 Ternary Operator


ผู้ประกอบการ Ternary

ternary operator เป็นตัวดำเนินการตามเงื่อนไขอย่างง่ายเช่นif/else

ไวยากรณ์:condition ? <expression if true> : <expression if false>

นี่คือตัวอย่างการใช้if/ else:

ก่อน:

if (authenticated) {
  renderApp();
} else {
  renderLogin();
}

นี่คือตัวอย่างเดียวกันโดยใช้ตัวดำเนินการ ternary:

กับ Ternary

authenticated ? renderApp() : renderLogin();


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

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

กรอกคำสั่งโอเปอเรเตอร์ประกอบนี้ให้สมบูรณ์

blue  renderBlue()  renderRed();