Lektion 8 af 10
useEffect Hook
useEffect lader dig udføre side effects i components: hente data, abonnere på events eller ændre DOM manuelt. Det kører efter componenten er rendered.
Dependency array styrer, hvornår useEffect kører. Et tomt array [] betyder "kør én gang ved mount".
REACT
import { useState, useEffect } from "react";
function UserList() {
const [users, setUsers] = useState([]);
useEffect(() => {
fetch("https://api.example.com/users")
.then(res => res.json())
.then(data => setUsers(data));
}, []); // Tomt array = kør én gang
return (
<ul>
{users.map(user => (
<li key={user.id}>{user.name}</li>
))}
</ul>
);
}