Props και state είναι βασικές έννοιες του React που λειτουργούν πανομοιότυπα στο React Native: τα props περνούν δεδομένα σε ένα component (δεδομένα εισόδου μόνο για ανάγνωση), ενώ το state περιέχει δεδομένα που μπορούν να αλλάξουν με την πάροδο του χρόνου (προκαλώντας επανεξέταση του rendering). Η κατανόησή τους είναι θεμελιώδης.
() {
;
}
< name= age={} />
import { useState } from 'react';
function Counter() {
const [count, setCount] = useState(0); // declare state + its setter
return (
<TouchableOpacity onPress={() => setCount(count + 1)}>
<Text>{count}</Text> {/* uses state */}
</TouchableOpacity>
);
}
// → calling setCount updates state → component RE-RENDERS with the new value
Το state είναι εσωτερικά, μεταβλητά δεδομένα· η ενημέρωσή του (μέσω του setter από το useState) προκαλεί επανεξέταση του rendering — έτσι το UI αντικατοπτρίζει τις αλλαγές.
PROPS → passed IN from the parent; READ-ONLY (the component doesn't change them);
for configuration/data from outside
STATE → internal to the component; CHANGEABLE (via setState/useState); triggers re-renders;
for data that changes over time (user input, toggles, fetched data)
→ Data flows DOWN via props; state changes drive UI updates. (Same as React for web.)
Η κατανόηση των props και του state είναι θεμελιώδης για το React Native επειδή είναι βασικές έννοιες του React που είναι κεντρικές στον τρόπο λειτουργίας των components και στον τρόπο ενημέρωσης των UI, επομένως είναι γνώση που πρέπει να γνωρίζετε. Τα Props (δεδομένα μόνο για ανάγνωση που περνούν σε ένα component από το parent του, ρέοντας προς τα κάτω στο δέντρο των components) είναι ο τρόπος με τον οποίο τα components λαμβάνουν διαμόρφωση και δεδομένα από εξωτερικές πηγές, δίνοντας τη δυνατότητα δημιουργίας επανάχρησιμων, σύνθετων components. Το State (εσωτερικά, μεταβλητά δεδομένα που διαχειρίζονται μέσω του hook useState, όπου η ενημέρωσή του προκαλεί επανεξέταση του rendering) είναι ο τρόπος με τον οποίο τα components περιέχουν και ανταποκρίνονται σε δεδομένα που αλλάζουν με την πάροδο του χρόνου (εισαγωγή χρήστη, διακόπτες, ληφθέντα δεδομένα) — ο μηχανισμός μέσω του οποίου τα UI αντικατοπτρίζουν τις αλλαγές.
Η κατανόηση της διαφοράς — props που περνούν και είναι μόνο για ανάγνωση (για εξωτερικά δεδομένα/διαμόρφωση) έναντι του state που είναι εσωτερικό και μεταβλητό (για δεδομένα που αλλάζουν, οδηγώντας επανεξετάσεις του rendering) — και της αρχής ότι τα δεδομένα ρέουν προς τα κάτω μέσω props ενώ οι αλλαγές του state οδηγούν ενημερώσεις του UI είναι θεμελιώδες για τη σωστή κατασκευή εφαρμογών React Native (και React).
Αυτές είναι ακριβώς οι ίδιες έννοιες με το React για ιστό, επομένως η κατανόησή τους μεταφέρεται απευθείας και είναι απαραίτητη για όποιον κατασκευάζει React Native components.
Η σωστή χρήση props και state (περάσιμο δεδομένων μέσω props, διαχείριση μεταβαλλόμενων δεδομένων με state, κατανόηση της ροής δεδομένων μιας κατεύθυνσης) είναι θεμελιώδες για λειτουργικά, σωστά components.
Επειδή τα props και το state είναι κεντρικά στον τρόπο λειτουργίας των React Native (και React) components — λήψη δεδομένων (props) και διαχείριση αλλαγής (state) για να οδηγήσουν ενημερώσεις του UI — και η κατανόησή τους είναι θεμελιώδης για τη σωστή κατασκευή οποιασδήποτε εφαρμογής React Native, η κατανόηση των props και του state είναι απαραίτητη, θεμελιώδης γνώση React Native — βασικές έννοιες που πρέπει να κατανοήσει κάθε προγραμματιστής React Native, πανομοιότυπες με το ιστό React (επομένως η γνώση μεταφέρεται), και θεμελιώδες για τη δημιουργία components που λαμβάνουν δεδομένα και ανταποκρίνονται σε αλλαγές, η βασική μηχανική της ανάπτυξης UI του React Native.