Overføring av Data med Props
Komponenter må ofte vise forskjellig data avhengig av hvor de brukes. I React sendes data inn i komponenter ved hjelp av props. Props er inngangsverdier til en komponent. De lar deg sende data fra en foreldreakomponent til en barnekomponent og styrer hva komponenten viser.
I stedet for å hardkode verdier inne i en komponent, gjør props komponenter gjenbrukbare. Den samme komponenten kan brukes flere ganger med forskjellig data, noe som gir ulikt UI-resultat.
Nedenfor er et enkelt eksempel på å sende data til en komponent ved hjelp av props:
function Greeting(props) {
return <h2>Hello, {props.name}</h2>;
}
function App() {
return <Greeting name="Olivia" />;
}
I dette eksemplet sender App-komponenten verdien "Olivia" til Greeting-komponenten ved hjelp av en prop kalt name. Greeting-komponenten mottar denne dataen og viser den i brukergrensesnittet.
Props er skrivebeskyttet. En komponent skal ikke endre props den mottar. Hensikten er å styre hvordan en komponent ser ut eller oppfører seg basert på ekstern data.
Takk for tilbakemeldingene dine!
Spør AI
Spør AI
Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår
Fantastisk!
Completion rate forbedret til 4Overføring av Data med Props
Sveip for å vise menyen
Komponenter må ofte vise forskjellig data avhengig av hvor de brukes. I React sendes data inn i komponenter ved hjelp av props. Props er inngangsverdier til en komponent. De lar deg sende data fra en foreldreakomponent til en barnekomponent og styrer hva komponenten viser.
I stedet for å hardkode verdier inne i en komponent, gjør props komponenter gjenbrukbare. Den samme komponenten kan brukes flere ganger med forskjellig data, noe som gir ulikt UI-resultat.
Nedenfor er et enkelt eksempel på å sende data til en komponent ved hjelp av props:
function Greeting(props) {
return <h2>Hello, {props.name}</h2>;
}
function App() {
return <Greeting name="Olivia" />;
}
I dette eksemplet sender App-komponenten verdien "Olivia" til Greeting-komponenten ved hjelp av en prop kalt name. Greeting-komponenten mottar denne dataen og viser den i brukergrensesnittet.
Props er skrivebeskyttet. En komponent skal ikke endre props den mottar. Hensikten er å styre hvordan en komponent ser ut eller oppfører seg basert på ekstern data.
Takk for tilbakemeldingene dine!
