บทเรียนพื้นฐาน React
การแนะนำ
การติดตั้ง React
การเชื่อมต่อปลั๊กอิน react-devtools
แนวคิดแบบคอมโพเนนต์
โครงร่างเว็บไซต์
ผลลัพธ์การทำงานของคอมโพเนนต์
ภาษา JSX
ความรู้เบื้องต้นเกี่ยวกับ JSX
การส่งคืนแท็กที่ซ้อนกัน
การแบ่งบรรทัดแท็ก
การส่งคืนหลายแท็ก
การส่งคืนแท็กที่ไม่ได้ปิด
การส่งคืนแท็กว่างโดยฟังก์ชัน
การแทรกค่าตัวแปร
รายละเอียดปลีกย่อยในการแทรกตัวแปร
การแทรกอาร์เรย์
การแทรกอ็อบเจกต์
การแทรกในแอตทริบิวต์
การเก็บแท็กใน JSX
การเก็บหลายแท็ก
แท็กในหลายบรรทัด
การส่งคืนแท็ก
การปิดแท็ก JSX
ความถูกต้องของมาร์กอัป
การทำงานโค้ด JavaScript
เงื่อนไข
เงื่อนไขใน JSX
การแสดงผลตามเงื่อนไข
เงื่อนไขสำหรับการคืนค่าแท็ก
โอเปอเรเตอร์เทอร์นารีใน JSX
การใช้โอเปอเรเตอร์ && ใน JSX
การกลับค่าเพื่อลดรูปเงื่อนไข
ฟังก์ชัน
การใช้ฟังก์ชัน
การเรียกฟังก์ชันภายในแท็ก
การติดตั้งตัวจัดการเหตุการณ์
พารามิเตอร์ของตัวจัดการเหตุการณ์
วัตถุ Event
วัตถุ Event เมื่อส่งพารามิเตอร์
การสร้างแท็ก
อาร์เรย์ของแท็ก
อาร์เรย์ของแท็กในลูป
แท็กจากอาร์เรย์ข้อมูล
คีย์ในอาร์เรย์
อาร์เรย์ของออบเจ็กต์
คีย์ผ่าน id
ตารางจากอาร์เรย์ของออบเจ็กต์
รหัสเฉพาะที่ไม่ซ้ำกัน
การอภิปราย
ปัญหากับรหัสใหม่
สายอักขระสุ่มสำหรับรหัส
การสร้างรหัส
ฟังก์ชันสำหรับสร้างรหัส
การใช้ฟังก์ชันรหัส
การใช้ฟังก์ชันที่ไม่ถูกต้อง
สเตต
ฟอร์ม
การทำงานกับอินพุต
การเปลี่ยนแปลงข้อมูลอินพุตเมื่อแสดงผล
การเปลี่ยนแปลงข้อมูลด้วยฟังก์ชัน
การทำงานกับอินพุตหลายช่อง
การประมวลผลข้อมูลฟอร์ม
การทำงานกับ textarea
การทำงานกับช่องทำเครื่องหมาย (Checkbox)
ช่องทำเครื่องหมายและการแสดงผลตามเงื่อนไข
การทำงานกับเลือก (Select)
รายการใน Select จากอาร์เรย์
แอตทริบิวต์ value ใน Select
แอตทริบิวต์ value ของ Select จากอาร์เรย์
การทำงานกับ Radio
ค่าเริ่มต้น
การผูกอินพุตกับอาร์เรย์
การผูกอินพุตกับอ็อบเจกต์
ข้อมูล
บทนำ
การเพิ่มเข้าไปในอาร์เรย์แบบรีแอคทีฟ
การดำเนินการกับอาร์เรย์แบบรีแอคทีฟ
การเพิ่มเข้าไปในอาร์เรย์ของอ็อบเจกต์แบบรีแอคทีฟ
การดำเนินการกับอาร์เรย์ของอ็อบเจกต์แบบรีแอคทีฟ
การแสดงข้อมูลแบบรีแอคทีฟ
องค์ประกอบ
แนะนำองค์ประกอบ
การใช้องค์ประกอบ
อินสแตนซ์หลายตัวขององค์ประกอบ
พร็อพขององค์ประกอบ
องค์ประกอบลูก
อาร์เรย์สำหรับสร้างองค์ประกอบลูก
องค์ประกอบลูกในลูป
ส่งสเตตไปยังองค์ประกอบลูก
ส่ง id ไปยังองค์ประกอบ
เปลี่ยนสเตตขององค์ประกอบแม่
แก้ไขสเตตขององค์ประกอบแม่
แก้ไขสเตตขององค์ประกอบปู่ย่าตายาย
โหมดการทำงานผ่านสเตต
แนวคิด
บทนำ
ข้อมูลของคอมโพเนนต์
ประเภทของคอมโพเนนต์
การไหลของข้อมูลทางเดียว
การยกสถานะขึ้น
แหล่งที่มาของความจริงเพียงแหล่งเดียว
การกำหนดสไตล์
วิธีการกำหนดสไตล์ใน React
CSS ส่วนกลาง
การแทรกข้อมูลเข้าไปในแอตทริบิวต์ style จากอ็อบเจกต์
การแทรกข้อมูลเข้าไปในแอตทริบิวต์ style จากไฟล์แยก
การทำงานกับสไตล์ CSS ในแอตทริบิวต์ style
การแทรกข้อมูลเข้าไปในแอตทริบิวต์ style จากตัวแปร
Styled Components
พร็อพใน Styled Components
พร็อพและการเรนเดอร์แบบมีเงื่อนไขใน Styled Components
คอมโพเนนต์ที่มีการขยายการกำหนดสไตล์
เริ่มต้นทำงานกับ CSS modules
การทำงานกับ CSS modules ต่อ
คำสั่ง composes สำหรับคลาส
คำสั่ง composes สำหรับไฟล์
