React ස්ටේට් වලින් ගණන් කාරකය

අපි බොත්තමක් මත ක්ලික් ගණනක් ගණන් කරන උපකරණයක් සාදමු:

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>;
}

ස්ටේටය තුළ අංකයක් ගබඩා වී ඇතැයි සිතමු. එම අංකය ඡේදයකින් ප්‍රදර්ශනය කරන්න. බොත්තම් දෙකක් සාදන්න. පළමු බොත්තම අගය එකකින් වැඩි කරන අතර, දෙවැන්න එය අඩු කරයි.