Właściwości (Props)
Ta strona została przetłumaczona przez PageTurner AI (beta). Nie jest oficjalnie zatwierdzona przez projekt. Znalazłeś błąd? Zgłoś problem →
Większość komponentów można konfigurować podczas tworzenia za pomocą różnych parametrów. Te parametry nazywane są props (skrót od properties - właściwości).
Na przykład podstawowym komponentem React Native jest Image. Tworząc obraz, możesz użyć właściwości source, aby kontrolować wyświetlany obraz.
Zauważ nawiasy klamrowe otaczające {pic} - osadzają one zmienną pic w JSX. Wewnątrz nawiasów klamrowych w JSX możesz umieścić dowolne wyrażenie JavaScript.
Twoje własne komponenty również mogą używać props. Dzięki temu możesz stworzyć pojedynczy komponent używany w wielu miejscach aplikacji, z nieco innymi właściwościami w każdej lokalizacji, odwołując się do props w funkcji render. Oto przykład:
- TypeScript
- JavaScript
Użycie name jako właściwości pozwala dostosować komponent Greeting, dzięki czemu możemy go wielokrotnie wykorzystywać. W przykładzie użyto komponentu Greeting w JSX podobnie jak Komponentów Podstawowych. Możliwość tworzenia własnych komponentów to właśnie siła Reacta - jeśli potrzebujesz innych prymitywów UI, możesz je stworzyć.
Nowym elementem jest tu komponent View. View działa jako kontener dla innych komponentów, pomagając kontrolować styl i układ.
Za pomocą props oraz podstawowych komponentów Text, Image i View możesz budować różnorodne statyczne ekrany. Aby nauczyć się, jak tworzyć aplikacje zmieniające się w czasie, musisz poznać Stan (State).