Cara melaksanakan lampu isyarat dalam bertindak balas: 1. Perkenalkan "import React, { useEffect, useState } daripada 'react'" 2. Cipta kaedah "function App() {...}"; . Tentukan semua Peta maklumat cahaya 4. Kaedah mentakrifkan kelipan cahaya ialah "const twinkleFn = ()=>{...}" 5. Hanya tetapkan gaya warna merah, hijau dan kuning.
Persekitaran pengendalian tutorial ini: Sistem Windows 10, bertindak balas versi 18.0.0, komputer Dell G3.
Bagaimana untuk melaksanakan lampu isyarat sebagai tindak balas?
Gunakan React untuk melaksanakan lampu isyarat
Gunakan React untuk melaksanakan pengawal lampu isyarat (lampu isyarat), keperluan:
Secara lalai , merah Lampu menyala selama 20 saat, dan lampu hijau berkelip selama 20 saat dalam 5 saat terakhir, dan lampu kuning berkelip selama 10 saat dalam 5 saat terakhir Urutannya ialah: merah-hijau-kuning-merah-. hijau-kuning. Nombor, warna, tempoh, masa berkelip dan susunan cahaya lampu boleh dikonfigurasikan, seperti: lights=[{color: '#fff', duration: 10000, twinkleDuration: 5000}, ... ]
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 |
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
|
Pembelajaran yang disyorkan: "tutorial video bertindak balas"
Atas ialah kandungan terperinci Bagaimana untuk melaksanakan lampu isyarat secara bertindak balas. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!