Kepriyé props lan state dadi ana ing React Native?

Question

Accepted Answer

**Props** lan **state** minangka konsep React inti sing gumana padha ing React Native: **props** ngirim data menyang komponen (input sing bisa dibaca), dene **state** nyimpen data sing bisa owah-owahan sajrone wektu (ngasilake re-render). Mangerteni bab iki minangka pamulai. ## Props — data sing dikirim (bisa dibaca) ```jsx // props are inputs passed to a component (from its parent) — READ-ONLY function UserCard({ name, age }) { // receives props return {name}, {age}; } // pass props when using the component // → props flow DOWN (parent → child); a component doesn't change its own props ``` ## State — data sing owah-owahan (via useState) ```jsx import { useState } from 'react'; function Counter() { const [count, setCount] = useState(0); // declare state + its setter return ( setCount(count + 1)}> {count} {/* uses state */} ); } // → calling setCount updates state → component RE-RENDERS with the new value ``` State yaiku data internal sing bisa owah; nggatekna (via setter saka `useState`) njalari re-render — carane UI nampilake owahan. ## Props lawan state ```text PROPS → passed IN from the parent; READ-ONLY (the component doesn't change them); for configuration/data from outside STATE → internal to the component; CHANGEABLE (via setState/useState); triggers re-renders; for data that changes over time (user input, toggles, fetched data) → Data flows DOWN via props; state changes drive UI updates. (Same as React for web.) ``` ## Apa gunane Mangerteni props lan state minangka dhasar React Native amarga iki **konsep React inti sing penting banget kanggo carane komponen gumana lan carane UI anyar-anyaran**, dadi iku kudu ngerti. **Props** (data sing bisa dibaca sing dikirim menyang komponen saka induke, mabur mudhun ing wit komponen) minangka carane komponen nampa konfigurasi lan data saka njaba, bikin komponen bisa digolek maneh lan bisa digabung. **State** (data internal sing bisa owah sing dikontrol via hook `useState`, anane nggatekna njalari re-render) yaiku carane komponen nyimpen lan nanggepi data sing owah sajrone wektu (input panganggo, toggle, data sing dijupuk) — mekanisme apa carane UI nampilake owahan. Mangerteni **bedane** — props sing dikirim lan bisa dibaca (kanggo data/konfigurasi saka njaba) versus state sing internal lan bisa owah (kanggo data sing owah, njalari re-render) — lan prinsip yen **data mabur mudhun via props dene owahan state njalari anyaran UI** minangka dhasar kanggo bangun app React Native (lan React) kanthi bener. Iki persis konsep sing padha karo React kanggo web, dadi mangerteni padha nglanjut langsung lan kudu banget kanggo sapa wae sing bangun komponen React Native. Garap props lan state kanthi bener (ngirim data via props, kontrol data sing owah via state, mangerteni aliran data sepihak) minangka pamulai kanggo komponen sing gumana bener. Amarga props lan state minangka dhasar carane komponen React Native (lan React) gumana — nampa data (props) lan kontrol owahan (state) kanggo njalari anyaran UI — lan mangerteni iki minangka dhasar kanggo bangun app React Native kanthi bener, mangerteni props lan state minangka ngerti essential React Native — konsep inti sing kudu ngerteni saben developer React Native, padha karo React web (dadi ngerti iku nglanjut), lan dhasar kanggo bangun komponen sing nampa data lan nanggepi owahan, mekanik dhasar pamungkasan UI React Native.