React-এ ইনপুট ডেটা প্রদর্শনের সময় পরিবর্তন করা

ধরুন আমরা ইনপুটে একটি সংখ্যা লিখব। আসুন এটি এমনভাবে করি যাতে ইনপুটে সংখ্যা লিখার সাথে সাথে প্যারাগ্রাফে লিখিত সংখ্যার বর্গ প্রদর্শিত হয়:

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

একটি ইনপুট দেওয়া আছে। একটি প্যারাগ্রাফ দেওয়া আছে। এটি এমনভাবে করুন যাতে ইনপুটে টেক্সট লিখার সময়, প্যারাগ্রাফে প্রদর্শিত হয় ইনপুটে লিখিত অক্ষরের সংখ্যা।