React

Props

Värden som skickas in till en komponent uppifrån, ungefär som argument till en funktion. Gör samma komponent användbar med olika innehåll.

Props är det sätt komponenter kommunicerar på i React — föräldrakomponenten skickar värden till barnkomponenten, ungefär som argument till en funktion. En knappkomponent kan ta emot en label och en onClick-funktion som props och på det sättet vara återanvändbar i hela appen.

Props är enkelriktade: data flödar alltid uppifrån och ner. Vill ett barn kommunicera tillbaka till sin förälder, skickar föräldern en callback-funktion som barnet anropar.

I TypeScript kan du typa props med ett interface eller en type-definition, vilket gör det tydligt exakt vad en komponent förväntar sig och vad som är valfritt.