Εισαγωγή στα States στο React
Η επόμενη έννοια που θα αναλύσουμε ονομάζεται states. Τα states αντιπροσωπεύουν αντιδραστικές μεταβλητές των components.
Η αντιδραστικότητα σημαίνει ότι όταν αλλάζει ένα state, οι αλλαγές θα συμβούν σε όλα τα σημεία όπου αυτό το state χρησιμοποιείται. Τεχνικά, αυτό επιτυγχάνεται μέσω της επανααπόδοσης ολόκληρου του component όταν αλλάζει οποιοδήποτε state.
Για τη χρήση states, αρχικά είναι απαραίτητο
να εισαγάγουμε τη function useState:
import React, { useState } from 'react';
Η function useState δέχεται ως παράμετρο την
αρχική τιμή του state, και ως αποτέλεσμα
επιστρέφει ένα ειδικό array με δύο στοιχεία.
Στο πρώτο στοιχείο του array θα αποθηκεύεται
η τρέχουσα τιμή του state, και στο δεύτερο - η function
για αλλαγή του state.
Για τη σωστή λειτουργία των states, δεν μπορούμε να τα αλλάξουμε απευθείας, αλλά πρέπει να χρησιμοποιούμε τη function για την αλλαγή τους - μόνο τότε θα λειτουργεί η αντιδραστικότητα.
