फ़ंक्शन का उपयोग करके React में डेटा को बदलना

सीधे आउटपुट पर state पर कुछ ऑपरेशन करना जरूरी नहीं है। आप एक फ़ंक्शन का उपयोग कर सकते हैं:

function square(num) {
	return num ** 2;
}

function App() {
	const [value, setValue] = useState(0);
	
	function handleChange(event) {
		setValue(event.target.value);
	}
	
	return <div>
		<input value={value} onChange={handleChange} />
		<p>{square(value)}</p>
	</div>;
}

एक इनपुट और एक पैराग्राफ दिया गया है। उपयोगकर्ता की उम्र इनपुट में दर्ज की जाती है। इसे ऐसे बनाएं कि टाइप करते समय, पैराग्राफ में उपयोगकर्ता का जन्म वर्ष स्वचालित रूप से दिखाई दे।

एक इनपुट और एक पैराग्राफ दिया गया है। फ़ारेनहाइट डिग्री इनपुट में दर्ज की जाती है। इसे ऐसे बनाएं कि टाइप करते समय, पैराग्राफ में सेल्सियस डिग्री में स्वचालित रूपांतरण हो।