การไหลของข้อมูลทิศทางเดียวใน React
คอมโพเนนต์สามารถส่งผ่านสถานะของตัวเอง ลงไปตามต้นไม้ของลูกหลานในรูปแบบของพร็อพของคอมโพเนนต์ลูก กระบวนการนี้เรียกว่า การไหลลงจากบนลงล่าง (top-down) หรือ การไหลทิศทางเดียว (unidirectional) สถานะมักจะเป็นของ คอมโพเนนต์ใดคอมโพเนนต์หนึ่งเสมอ และสถานะนี้อาจส่งผลกระทบ เฉพาะกับคอมโพเนนต์ที่เป็นลูกหลาน ของคอมโพเนนต์นี้เท่านั้น
นอกจากกระแสข้อมูลจากบนลงล่างแล้ว ยังมี กระแสจากล่างขึ้นบน หรือ กระแสย้อนกลับ ซึ่งประกอบด้วยข้อมูลที่ปรากฏ ในคอมโพเนนต์ลูกหลาน ตัวอย่างเช่น ข้อมูลที่ผู้ใช้ ป้อนเข้ามาในอินพุต กระแสข้อมูลนี้ ถูกส่งต่อไปยังผู้ปกครองโดยการเรียกฟังก์ชัน ที่ถูกส่งผ่านมาทางพร็อพของคอมโพเนนต์ลูก
พิจารณาคอมโพเนนต์ Products, Product
และ ProductField จากบทเรียนที่แล้ว
อธิบายว่าข้อมูลไหลอย่างไรในคอมโพเนนต์เหล่านี้