Videregivelse af Data med Props
Komponenter skal ofte vise forskellige data afhængigt af, hvor de bruges. I React overføres data til komponenter ved hjælp af props. Props er input til en komponent. De gør det muligt at sende data fra en forælderkomponent til en barnekomponent og styre, hvad komponenten viser.
I stedet for at hardkode værdier inde i en komponent, gør props komponenter genanvendelige. Den samme komponent kan bruges flere gange med forskellige data og dermed give forskelligt UI-output.
Nedenfor ses et simpelt eksempel på at overføre data til en komponent ved hjælp af props:
function Greeting(props) {
return <h2>Hello, {props.name}</h2>;
}
function App() {
return <Greeting name="Olivia" />;
}
I dette eksempel sender App-komponenten værdien "Olivia" til Greeting-komponenten ved hjælp af en prop kaldet name. Greeting-komponenten modtager disse data og viser dem i brugergrænsefladen.
Props er skrivebeskyttede. En komponent bør ikke ændre de props, den modtager. Deres formål er at styre, hvordan en komponent ser ud eller opfører sig baseret på eksterne data.
Tak for dine kommentarer!
Spørg AI
Spørg AI
Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat
Fantastisk!
Completion rate forbedret til 4Videregivelse af Data med Props
Stryg for at vise menuen
Komponenter skal ofte vise forskellige data afhængigt af, hvor de bruges. I React overføres data til komponenter ved hjælp af props. Props er input til en komponent. De gør det muligt at sende data fra en forælderkomponent til en barnekomponent og styre, hvad komponenten viser.
I stedet for at hardkode værdier inde i en komponent, gør props komponenter genanvendelige. Den samme komponent kan bruges flere gange med forskellige data og dermed give forskelligt UI-output.
Nedenfor ses et simpelt eksempel på at overføre data til en komponent ved hjælp af props:
function Greeting(props) {
return <h2>Hello, {props.name}</h2>;
}
function App() {
return <Greeting name="Olivia" />;
}
I dette eksempel sender App-komponenten værdien "Olivia" til Greeting-komponenten ved hjælp af en prop kaldet name. Greeting-komponenten modtager disse data og viser dem i brugergrænsefladen.
Props er skrivebeskyttede. En komponent bør ikke ændre de props, den modtager. Deres formål er at styre, hvordan en komponent ser ud eller opfører sig baseret på eksterne data.
Tak for dine kommentarer!
