Adımlarla Sayma
Coddy'nin React Journey'sinin Temeller bölümünün bir parçası — ders 24 / 42.
Setter herhangi bir yeni değeri alır: +1 ile sınırlı değilsiniz. 5 ekleyin, ikiye katlayın, sıfıra sıfırlayın:
setPoints(points + 5);
setPoints(points * 2);
setPoints(0);Farklı miktarlar için düğmeler, yalnızca aynı durum (state) üzerindeki farklı işleyicilerdir:
<button onClick={() => setPoints(points + 5)}>+5</button>
<button onClick={() => setPoints(0)}>Reset</button>
Görev
KolayBir oyun jeton başına 5 puan vermektedir.
- 0 ile başlayan
pointsdurumunu (state) ekleyin ve bunuid="points"olan span içinde gösterin. Collect coinbutonu (id="coin") her tıklamada 5 eklemelidir.
Kendin dene
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<div id="root"></div>
<script type="module" src="main.jsx"></script>
</body>
</html>
Kendini test etBu ders kısa bir quiz içerir. Soruları yanıtlamak ve ilerlemeni kaydetmek için derse başla.