இரண்டு கூறுகளும் ஒரே state ஐ பகிர்ந்து கொள்ள வேண்டியிருக்கும்போது, அந்த state ஐ அவற்றின் மிக நெருக்கமான பொதுவான ancestor க்கு நகர்த்தி ("உயர்த்தி") props மூலம் கீழே கடத்துகிறீர்கள், இதனால் ஒரே ஒரு உண்மையின் மூலாதாரம் உள்ளது.
() {
[query, setQuery] = ();
(
);
}
ஒவ்வொரு child தனது சொந்த query ஐ வைத்திருந்தால், அவை ஒத்திசைவிலிருந்து வெளியேறும். இதை உயர்த்துவது என்பது input மற்றும் முடிவுகள் எப்போதும் உடன்பட்டிருக்கும் என்று பொருள்.
state ஐ அதிகமாக உயர்த்துவது நீங்கள் அনைக்கவும் intermediate components ககளக் கூறாதவற்றை props மூலம் கடத்த வேண்டியிருக்கலாம்:
<App user={user}>
<Layout user={user}> {/* just forwarding */}
<Sidebar user={user}> {/* just forwarding */}
<Avatar user={user} /> {/* finally used here */}
children ஆக கடத்துங்கள் இதனால் தரவு பயன்படுத்தப்படும் இடத்தில் தங்கியிருக்கிறது thread மூலம் பரவும் போது.சால முறை: state ஐ இது செல்ல வேண்டிய அளவு மட்டும் உயர்த்துங்கள் — அதிகமாக இல்லை. அதிக உயர்த்துவது பரந்த re-renders மற்றும் prop drilling ஐ ஏற்படுத்துகிறது; குறைந்த உயர்த்துவது ஒத்திசைவுக்கு வெளிப்பட்ட நகல்களை ஏற்படுத்துகிறது.