Τι είναι τα props στο πλαίσιο του React;

Το props (από τα αγγλικά properties) στο React είναι ένα αντικείμενο που περιέχει τα δεδομένα που μεταβιβάζονται από τον γονικό προς τον παιδικό συνιστώσα. Διατίθενται μέσα στην παιδική συνιστώσα μόνο για ανάγνωση και αποτελούν τον κύριο μηχανισμό για τη μετάδοση πληροφοριών προς τα κάτω στο δέντρο των συνιστωσών.

Τα κύρια χαρακτηριστικά των props:

• Μετάδοση δεδομένων: Χρησιμοποιούνται για τη μετάδοση δεδομένων, διαμορφώσεων και callbacks από τον γονέα στον παιδί.
• Αμεταβλητότητα: Μέσα στην παιδική συνιστώσα, τα props δεν μπορούν να τροποποιηθούν. Οποιαδήποτε αλλαγή πρέπει να προέρχεται από τον γονικό, που περνάει νέα props.
• Αντικείμενο: Τα props περνιούνται πάντα ως αντικείμενο. Κάθε ιδιότητα που περνάει γίνεται κλειδί σε αυτό το αντικείμενο.
• Πρόσβαση: Στις λειτουργικές συνιστώσες, τα props περνιούνται ως το πρώτο όρισμα της συνάρτησης. Στις κλασικές συνιστώσες, είναι διαθέσιμα μέσω this.props.

Παράδειγμα μετάδοσης και χρήσης των props:

// Γονική συνιστώσα
function ParentComponent() {
  const greeting = "Γειά";
  return <ChildComponent message={greeting} />;
}

// Παιδική συνιστώσα
function ChildComponent(props) {
  return <p>{props.message}, κόσμος!</p>;
}