const cart = useState([]);

const [cart, setCart] = useState([]);

setState([]);

const [cart, setCart] = useState();

Окрему змінну

Масив із двох елементів

Тільки функцію оновлення стану

Об’єкт

setCart([...cart, newItem]);

cart = cart.concat(newItem);

cart.push(newItem);

setCart(cart.add(newItem));

cart.pop(id)

setCart(cart.filter(item => item.id !== id))

delete cart[id]

cart.splice(id, 1)

splice() для видалення елемента з масиву

deleteItem(id) без зміни стану

removeFromCart(id), який змінює useState шляхом фільтрації масиву

onClick() без виклику функції

<FlatList renderItem={products} />

<FlatList products={data} renderItem={ProductCard} />

<FlatList data={products} renderItem={({ item }) => <ProductCard product={item} />} />

<FlatList data={products} render={ProductCard} />

Використовується для зміни локального стану

Використовується для створення глобального стану

Працює як useState

Виконується після кожного рендеру

хук для управління станом у функціональних компонентах

спосіб оголошення змінних

функція для створення компонентів

метод зміни станів

використовуючи useContext

використовуючи useState у дочірньому компоненті

використовуючи setState

використовуючи props

<Image>

<Text>

<View>

<Img>