रिएक्ट में स्टेट्स पर काउंटर

आइए एक बटन पर क्लिकों की गिनती करने वाला काउंटर बनाएं:

function App() {
	const [count, setCount] = useState(0);
	
	function clickHandler() {
		setCount(count + 1);
	}
	
	return <div>
		<span>{count}</span>
		<button onClick={clickHandler}>+</button>
	</div>;
}

हैंडलर फ़ंक्शन को हटाकर उसे एक अनाम एरो फ़ंक्शन से बदला जा सकता है:

function App() {
	const [count, setCount] = useState(0);
	
	return <div>
		<span>{count}</span>
		<button onClick={() => setCount(count + 1)}>+</button>
	</div>;
}

मान लीजिए कि स्टेट में एक संख्या संग्रहीत है। इस संख्या को एक पैराग्राफ में प्रदर्शित करें। दो बटन बनाएं। पहला बटन संख्या को एक से बढ़ाए, और दूसरा बटन इसे एक से घटाए।