1
00:00:02,210 --> 00:00:06,590
Anda juga dapat meneruskan data kembali dan Anda masih melakukan ini dengan alat peraga.

2
00:00:07,280 --> 00:00:15,350
Idenya adalah bahwa alih-alih memiliki alat peraga yang meneruskan data seperti string atau array atau objek ke tingkat yang

3
00:00:15,620 --> 00:00:22,340
lebih rendah, ke komponen turunan, seperti juga disebut, Anda meneruskan fungsi panggilan balik dari komponen induk

4
00:00:22,340 --> 00:00:24,410
ke komponen turunan. .

5
00:00:24,560 --> 00:00:27,260
Jadi tidak ada array atau semacamnya, tapi fungsi callback.

6
00:00:27,650 --> 00:00:30,590
Jadi di sini di komponen aplikasi, kita dapat mendefinisikan fungsi baru.

7
00:00:32,150 --> 00:00:35,090
Di New Goal Handler, nama itu sepenuhnya terserah Anda.

8
00:00:35,450 --> 00:00:40,190
Dan saya beri nama Handler karena itu juga akan dipicu pada suatu peristiwa.

9
00:00:41,660 --> 00:00:45,080
Dan di sini saya berharap untuk mendapatkan tujuan baru.

10
00:00:46,060 --> 00:00:46,900
Dan kemudian di sini.

11
00:00:48,460 --> 00:00:55,540
Saya dapat menjangkau tujuan kasar dan, misalnya, mendorong tujuan baru menjadi berantakan dan setelah itu

12
00:00:55,540 --> 00:00:57,550
tujuan kursus kunci konsol.

13
00:00:58,980 --> 00:01:03,930
Sekarang kita memiliki fungsi ini dan sekarang kita dapat beralih ke alat peraga sasaran yang baru.

14
00:01:04,900 --> 00:01:08,410
Jadi di sana kita bisa mendukung pada tujuan.

15
00:01:08,680 --> 00:01:14,850
Ini sekarang bukan pendengar acara bereaksi denda untuk Aldy dibangun di elemen H pria.

16
00:01:14,890 --> 00:01:21,250
Kami telah membangun sebuah acara, pendengar seperti, misalnya, dalam komponen emas baru di forum yang kami kirimkan

17
00:01:21,310 --> 00:01:24,310
pada tombol yang kami miliki di klik input.

18
00:01:24,340 --> 00:01:28,060
Kami juga memiliki klik, misalnya, karena Anda juga dapat menangani peristiwa klik pada input.

19
00:01:28,240 --> 00:01:30,570
Anda dapat menangani itu pada elemen HD out apa pun.

20
00:01:31,420 --> 00:01:33,550
Sekarang pada akhirnya di sini saya sebut itu adalah event handler.

21
00:01:34,450 --> 00:01:37,030
Tapi apa itu sebenarnya, hanyalah sebuah alat peraga.

22
00:01:37,210 --> 00:01:42,660
Secara teknis, tidak ada perbedaan antara nama kelas di mana sebuah pass dan sebuah string dan pada submit di mana

23
00:01:42,660 --> 00:01:44,950
saya meneruskan sebuah pointer ke suatu fungsi.

24
00:01:45,640 --> 00:01:51,040
Jadi pada akhirnya, ini hanya penyangga elemen bentuk yang bereaksi menawarkan kepada Anda.

25
00:01:51,970 --> 00:01:58,660
Jadi di sini, di Abcess, kita semua dapat melewati prop di sini di tujuan Anda, yang memegang pointer ke suatu fungsi.

26
00:01:59,080 --> 00:02:07,720
Saya baru saja menamakan prop ini seperti ini bukan karena saya harus saya bisa memberi nama ID di Gohl atau tahun

27
00:02:07,720 --> 00:02:15,670
ini, tapi ini adalah konvensi untuk memberi nama props, yang ujungnya berfungsi untuk komponen tingkat rendah seperti event handler,

28
00:02:15,940 --> 00:02:22,210
karena fungsi yang Anda berikan ke komponen pada akhirnya akan dipanggil oleh komponen ini pada

29
00:02:22,210 --> 00:02:23,200
peristiwa tertentu.

30
00:02:23,230 --> 00:02:27,710
Begitulah cara kerjanya dan Anda akan melihat bahwa semakin banyak aplikasi bereaksi yang Anda buat.

31
00:02:28,330 --> 00:02:35,800
Jadi Dhafer, saya mengikuti konvensi ini dan memberi nama ini pada sasaran iklan dan meneruskan penangan sasaran baru iklan saya ke komponen

32
00:02:35,800 --> 00:02:36,850
sasaran yang baru.

33
00:02:37,210 --> 00:02:45,940
Jadi lulus pointer, bukan eksekusi tetapi hanya pointer ke fungsinya, ke tujuan baru pada prop tujuan iklan

34
00:02:45,970 --> 00:02:46,990
ini.

35
00:02:48,190 --> 00:02:50,200
Sekarang, itu berarti tujuan baru NZF.

36
00:02:50,800 --> 00:02:54,610
Saya sekarang dapat menerima props di sini, saya dapat menerima parameter props ini.

37
00:02:54,790 --> 00:02:57,280
Saya selalu mendapatkannya bahkan jika saya tidak mendapatkan alat peraga.

38
00:02:57,310 --> 00:03:02,530
Tetapi jika saya tidak mendapatkan alat peraga, tidak ada gunanya menulis secara eksplisit di sini.

39
00:03:02,980 --> 00:03:05,200
Tetapi sekarang saya membutuhkan alat bantu yang saya pakai.

40
00:03:05,200 --> 00:03:05,670
Kamu pergi.

41
00:03:06,010 --> 00:03:08,890
Dan itu adalah pada prop emas iklan yang saya definisikan di sini.

42
00:03:09,610 --> 00:03:15,750
Saya ingin memanggil fungsi yang saya terima pada alat itu di sini di dalam handler ADD saya di tujuan baru.

43
00:03:16,300 --> 00:03:24,100
Jadi alih-alih mencatat tujuan baru, sekarang saya dapat memanggil alat peraga pada sasaran iklan di sini dengan emas iklan karena itulah nama yang saya

44
00:03:24,100 --> 00:03:25,210
pilih di sini.

45
00:03:25,540 --> 00:03:29,620
Dan pada sasaran iklan melewati penunjuk pada fungsi ke komponen.

46
00:03:30,010 --> 00:03:36,130
Jadi di dalam komponen emas baru, saya tahu saya bisa mengeksekusi pada tujuan itu karena itu memegang pointer ke suatu

47
00:03:36,160 --> 00:03:36,730
fungsi.

48
00:03:36,970 --> 00:03:43,300
Jadi saya sekarang menjalankan fungsi yang ditunjukkan dan itu dapat melewati tujuan baru saya sebagai argumen untuk mencapai tujuan.

49
00:03:43,570 --> 00:03:49,990
Karena memang dalam fungsi saya melewati dua pada add goal, saya berharap untuk mendapatkan tujuan baru sebagai argumen,

50
00:03:50,020 --> 00:03:50,800
sebagai parameter.

51
00:03:51,940 --> 00:03:56,740
Jadi sekarang jika kita menyimpan semuanya, kita akan melihat bahwa jika saya klik tambahkan tujuan.

52
00:03:57,840 --> 00:04:03,660
Kami mengeluarkan sesuatu dari Aptness Lines 16, yang mengunci di sini, dan kami mengeluarkan kursus

53
00:04:03,660 --> 00:04:08,400
baru kami, array Cole, yang merupakan tujuan lama dan tujuan baru kami.

54
00:04:08,840 --> 00:04:13,440
Jadi melewati tujuan dari tingkat bawah, dari komponen anak.

55
00:04:13,650 --> 00:04:20,280
Komponen tujuan baru ke komponen induk, komponen aplikasi dalam kasus ini berfungsi dan berfungsi dengan alat

56
00:04:20,280 --> 00:04:20,880
peraga.

57
00:04:21,360 --> 00:04:27,900
Kami hanya menggunakan alat peraga untuk meneruskan fungsi yang kemudian dipanggil oleh komponen anak alih-alih mengirimkan data langsung

58
00:04:27,900 --> 00:04:29,790
dari orangtua ke anak.

59
00:04:30,090 --> 00:04:36,240
Ini memberi kita cara untuk berkomunikasi kembali dari anak ke orang tua dengan bantuan fungsi seperti itu.