Props आणि state हे React ची मूल संकल्पना आहेत जी React Native मध्ये समान रीतीने कार्य करतात: props घटकामध्ये डेटा पास करतात (वाचन-केवळ इनपुट), तर state डेटा धारण करते जो समयानुसार बदलू शकतो (पुनः-रेंडर ट्रिगर करून). त्यांना समजून घेणे मूलभूत आहे.
() {
;
}
< name= age={} />
import { useState } from 'react';
function Counter() {
const [count, setCount] = useState(0); // declare state + its setter
return (
<TouchableOpacity onPress={() => setCount(count + 1)}>
<Text>{count}</Text> {/* uses state */}
</TouchableOpacity>
);
}
// → calling setCount updates state → component RE-RENDERS with the new value
State अंतर्गत, बदलणारा डेटा आहे; त्यास अपडेट करणे (useState मधून सेटर द्वारे) पुनः-रेंडर ट्रिगर करते — UI बदल कसे प्रतिबिंबित करते.
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.)
Props आणि state समजून घेणे React Native साठी मूलभूत आहे कारण ते मूल React संकल्पना आहेत जे घटक कसे कार्य करतात आणि UI कसे अपडेट होते यासाठी केंद्रीय आहेत, त्यामुळे ही आवश्यक ज्ञान आहे. Props (घटकामध्ये त्याच्या पालकाकडून पास केलेला वाचन-केवळ डेटा, घटक वृक्षामध्ये खाली वाहून) असे आहेत की घटक बाहेरून कॉन्फिगरेशन आणि डेटा कसे प्राप्त करतात, पुनः-वापरयोग्य, संघटक करण्यायोग्य घटक सक्षम करतात. State (अंतर्गत, बदलणारा डेटा useState हुक द्वारे व्यवस्थापित, जेथे त्यास अपडेट करणे पुनः-रेंडर ट्रिगर करते) असे आहे की घटक समयानुसार बदलणारा डेटा (वापरकर्ता इनपुट, टॉगल, आणलेला डेटा) कसे धारण करतात आणि त्याला प्रतिक्रिया देतात — यंत्रणा ज्याद्वारे UI बदल प्रतिबिंबित करते.
विभेद समजून घेणे — props पास केलेले आणि वाचन-केवळ (बाह्य डेटा/कॉन्फिगरेशनसाठी) विरुद्ध state अंतर्गत आणि बदलणारा (डेटासाठी जो बदलतो, पुनः-रेंडर चालवतो) — आणि तत्व की डेटा props द्वारे खाली वाहते तर state बदल UI अपडेट चालवतात हे React Native (आणि React) अ्ॅप योग्यरित्या बनविण्यासाठी मूलभूत आहे.
हेच अगदी तसेच Web React साठी संकल्पना आहेत, त्यामुळे त्यांना समजून घेणे थेट हस्तांतरित होते आणि React Native घटक तयार करणार्या प्रत्येकासाठी आवश्यक आहे.
Props आणि state योग्य करणे (props द्वारे डेटा पास करणे, state सह बदलणारा डेटा व्यवस्थापित करणे, एकदिशात्मक डेटा प्रवाह समजून घेणे) हे कार्यात्मक, योग्य घटकांचे मूल आहे.
Props आणि state React Native (आणि React) घटक कसे कार्य करतात यासाठी केंद्रीय असल्याने — डेटा प्राप्त करणे (props) आणि बदल व्यवस्थापित करणे (state) UI अपडेट चालविण्यासाठी — आणि त्यांना समजून घेणे कोणतेही React Native अ्ॅप योग्यरित्या बनविण्यासाठी मूलभूत आहे, props आणि state समजून घेणे आवश्यक, मूलभूत React Native ज्ञान आहे — मूल संकल्पना प्रत्येक React Native विकसक समजून घेतला पाहिजे, Web React सारखीच (त्यामुळे ज्ञान हस्तांतरित होते), आणि डेटा प्राप्त करून आणि बदलाला प्रतिक्रिया देऊन घटक तयार करण्यासाठी मूलभूत, React Native UI विकासाची मूलभूत यांत्रिकी आहे.