Özet: Durum ve Olaylar
Coddy'nin React Journey'sinin Temeller bölümünün bir parçası — ders 27 / 42.
Görev
OrtaBölüm özeti. Bir masa lambası kontrol paneli oluşturun: tek bir bileşende yan yana duran bir sayaç ve bir durum değiştirici (toggle).
- İki bağımsız durum ekleyin:
0değeriyle başlayanbrightnessvefalsedeğeriyle başlayanon. - Parlaklığı
id="level"olan span içinde gösterin.id="brighter"olan button her tıklamada 1 ekler. id="power"olan buttonondurumunu tersine çevirir. Açık olduğunda,id="status"olan ve metniLamp is onolan bir<p>gösterin; aksi takdirdenullrender edin.
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>