מצבים בלתי תלויים

צריך לזכור שני דברים? קוראים ל־useState פעמיים. כל קריאה יוצרת פיסת מצב עצמאית לחלוטין:

const [cats, setCats] = useState(0);
const [dogs, setDogs] = useState(0);

עדכון cats גורם לרינדור מחדש של הרכיב, אבל הערך של dogs נשאר ללא שינוי. לכל מצב יש פונקציית עדכון משלו, והבלבול ביניהן הוא הבאג הנפוץ ביותר אצל מתחילים: setCats(dogs + 1) מתקמפל ללא בעיה, ועדיין שגוי.