1
00:00:02,310 --> 00:00:07,170
Jadi itu banyak berbicara tentang Anda menyatakan tetapi tentu saja seperti yang saya katakan itu penting.

2
00:00:07,260 --> 00:00:13,070
Tapi sekarang mari kita lanjutkan dan pastikan bahwa kita benar-benar dapat menekan tombol itu dan kita lakukan di

3
00:00:13,070 --> 00:00:14,990
bahan ini di suatu tempat.

4
00:00:15,030 --> 00:00:18,680
Jadi untuk itu dan untuk menyerahkan penangan saya ingin mengirimkan data saya.

5
00:00:19,050 --> 00:00:25,300
Sekarang katakanlah kita mengelola bahan-bahan kita bukan dalam bentuk bahan tetapi dalam bahan J. S.

6
00:00:25,350 --> 00:00:32,210
diikuti dalam komponen bahan di sana dan hanya karena saya melihatnya di sini saya membuat komponen itu

7
00:00:32,210 --> 00:00:36,140
dengan kata kunci fungsi seperti ini dalam bentuk bahan.

8
00:00:36,140 --> 00:00:41,060
Saya membuatnya seperti ini menyimpannya dalam konstanta kemudian dengan menggunakan fungsi Erol di sisi kanan

9
00:00:41,060 --> 00:00:41,600
konsep.

10
00:00:41,600 --> 00:00:47,150
Terserah Anda apa yang ingin Anda gunakan, keduanya menciptakan komponen fungsional yang valid, keduanya

11
00:00:47,150 --> 00:00:49,670
tidak ada hubungannya dengan kait reaksi.

12
00:00:49,670 --> 00:00:54,400
Jadi kembali ke fungsi bahan di sini yang kita hanya untuk kebingungan apa yang bisa.

13
00:00:54,410 --> 00:00:55,750
Baiklah.

14
00:00:55,850 --> 00:01:00,000
Seperti ini dalam fungsi ramuannya, aku punya dua ramuan untuknya.

15
00:01:00,050 --> 00:01:05,690
Dan di sini, di komponen fungsional ini saya ingin mengelola bahan saya, saya rasa itu masuk akal karena

16
00:01:05,690 --> 00:01:08,930
di sana saya semua nanti akan menampilkan daftar bahan.

17
00:01:09,230 --> 00:01:14,720
Jadi itu adalah komponen yang memiliki akses ke kedua input kita ke output kita nanti.

18
00:01:14,720 --> 00:01:22,080
Jadi saya ingin mengelola bahan-bahan dalam cara mereka tentu saja berarti bahwa kami ingin menambahkan status penggunaan di sini karena daftar

19
00:01:22,110 --> 00:01:27,270
bahan-bahan kami, susunan bahan-bahan kami tentu saja adalah beberapa keadaan yang harus bertahan hidup

20
00:01:27,300 --> 00:01:33,390
membuat kembali siklus yang akan berubah dari waktu ke waktu dan di mana setiap perubahan yang harus ditampilkan

21
00:01:33,390 --> 00:01:39,310
adalah sehingga setelah kami menambahkan daftar untuk menampilkan bahan-bahan kami Yah kami benar-benar dapat melihat beberapa perubahan

22
00:01:39,310 --> 00:01:45,600
di sana ketika kami menambahkan kami melakukannya di bahan-bahan. Komponen Fungsional sekali lagi menggunakan penataan udara untuk mengelola

23
00:01:45,630 --> 00:01:53,670
bahan-bahan saya dan untuk mengatur Fungsi bahan dan kemudian di sana dengan Anda menyatakan saya mulai dengan array kosong di sini saya menggunakan array

24
00:01:53,670 --> 00:01:58,500
karena bahan tentu saja akan menjadi daftar bahan dan kami akan selalu memperbarui

25
00:01:58,740 --> 00:02:04,650
daftar itu secara keseluruhan ketika kita menambahkan bahan atau ketika kita nanti menghapus suatu bahan dan sebagainya.

26
00:02:04,710 --> 00:02:14,550
Jadi kami mendapatkan bahan kami sekarang kami juga dapat mengimpor komponen daftar bahan dari daftar bahan J sebagai berikut yang saya

27
00:02:15,210 --> 00:02:22,500
siapkan untuk Anda, Anda bisa menambahkannya di sini daftar bahan dan daftar bahan komponen ini benar-benar

28
00:02:22,500 --> 00:02:28,970
mengambil bahan properti yang merupakan output dan ada selain judul dan jumlah d saya

29
00:02:28,980 --> 00:02:35,650
juga ingin memiliki I. D. Gagasan itu kemudian digunakan sebagai kunci sehingga

30
00:02:35,650 --> 00:02:42,280
dalam bahan-bahan hanya saya ingin mengurai bahan-bahan prop ini yang daftar bahan mengharapkan untuk daftar bahan dan nilai di sini

31
00:02:42,280 --> 00:02:48,110
akan bahan-bahan saya di sana sekarang bisa membingungkan karena selalu nama nama yang sama jadi mungkin kami menamai

32
00:02:48,110 --> 00:02:49,430
ini di sini.

33
00:02:49,480 --> 00:02:52,720
Bahan pengguna dan menamai ini di sini sudah diatur.

34
00:02:52,720 --> 00:02:58,630
Bahan pengguna Anda tidak perlu mengganti nama kami hanya karena Anda mengganti nama itu tetapi untuk benar-benar memperjelas bahwa

35
00:02:58,630 --> 00:02:59,930
keduanya milik bersama.

36
00:03:00,100 --> 00:03:06,120
Saya ingin mengatakan nama hanya sebagai satu set di depan fungsi pemutakhiran kami di sini dan sekarang bahan pengguna apa

37
00:03:06,150 --> 00:03:08,590
yang saya sampaikan di sini ke bahan penyangga.

38
00:03:08,620 --> 00:03:14,260
Jadi saya harap ini jelas bahan mana yang merupakan bahan dari daftar bahan.

39
00:03:14,260 --> 00:03:15,590
Jadi kita melewatkan partikel di sini.

40
00:03:15,670 --> 00:03:19,460
Sekarang bentuk bahan harus dapat menambahkan bahan baru.

41
00:03:19,510 --> 00:03:28,010
Jadi mari kita mendefinisikan fungsi di sini di bahan. Komponen Fungsional menambahkan bahan atau menambahkan penangan bahan mungkin dan

42
00:03:29,290 --> 00:03:36,250
itu adalah fungsi yang pada akhirnya akan menerima bahan baru di sini yang harus menyimpannya

43
00:03:36,250 --> 00:03:38,650
dalam susunan bahan kami.

44
00:03:38,680 --> 00:03:45,940
Jadi di sini idenya adalah untuk memanggil set bahan pengguna dan sekarang penting kita harus memperbarui daftar bahan

45
00:03:45,940 --> 00:03:48,550
yang ada dan menambahkan yang baru.

46
00:03:48,550 --> 00:03:54,220
Sekarang itu berarti kita bergantung pada kondisi saat ini dan mereka menawarkan yang terbaik jika kita

47
00:03:54,400 --> 00:03:57,590
menggunakan forum fungsional tempat kita dijamin mendapatkan status terbaru.

48
00:03:57,850 --> 00:04:03,350
Jadi kita mendapatkan bahan sebelumnya di sini array lama kita pada dasarnya keadaan saat ini.

49
00:04:03,640 --> 00:04:14,020
Keadaan terbaru dari daftar ini di sini dan kami mengembalikan array baru tempat saya menggunakan semua bahan sebelumnya.

50
00:04:14,020 --> 00:04:20,230
Ini adalah operator spread yang mengambil semua elemen dari array lama kami dan menambahkannya sebagai elemen ke Array baru

51
00:04:20,230 --> 00:04:22,920
ini yang saya buat dengan tanda kurung siku.

52
00:04:23,110 --> 00:04:28,630
Dan kemudian menambahkan satu elemen baru di sini dan itu adalah bahan yang kita dapatkan sekarang. Bahan penting yang kita dapatkan dari bentuk bahan, kita

53
00:04:28,630 --> 00:04:37,490
akan memiliki judul dan jumlah tetapi mungkin bukan I. D. karena aku.

54
00:04:37,490 --> 00:04:37,490
D. entah bagaimana harus dibuat secara otomatis.

55
00:04:37,660 --> 00:04:40,840
Sekarang saya akan menggunakan server web yang melakukan ini untuk kita.

56
00:04:40,840 --> 00:04:48,330
Untuk sekarang mari kita membuat objek baru di sini dengan I. D. yang untuk saat ini hanya bisa ngengat acak ke string.

57
00:04:48,670 --> 00:04:53,440
Dan itu bukan aku yang benar-benar unik. D. tetapi cukup unik untuk Anda untuk kasus kami di sini.

58
00:04:53,500 --> 00:04:54,700
Ini boneka bagus. D ..

59
00:04:55,480 --> 00:05:00,260
Dan tentu saja saya ingin mempertahankan gelar dan jumlah saya dari bahan.

60
00:05:00,400 --> 00:05:04,790
Dan kita bisa menggunakan lagi untuk menyebarkan operator pada bahan sekarang.

61
00:05:04,930 --> 00:05:10,240
Jadi pada argumen ini kita mendapatkan karena argumen ini akan menjadi objek katakanlah operator spread

62
00:05:10,270 --> 00:05:16,400
kemudian mengambil semua peduli nilai kunci dari objek itu dan menambahkan beberapa pasangan nilai ASCII ke objek baru ini.

63
00:05:16,420 --> 00:05:22,210
Jadi sekarang kita menambahkan objek baru dengan I. D. jumlah judul ke daftar bahan kami di sini.

64
00:05:22,240 --> 00:05:24,600
Itu adalah penangan bahan tambahan.

65
00:05:24,610 --> 00:05:30,810
Sekarang kita perlu memberikan pointer pada add handler bahan ke forum bahan karena data di

66
00:05:30,820 --> 00:05:34,220
mana kita ingin memicu penambahan bahan yang tepat.

67
00:05:34,300 --> 00:05:38,950
Karena di situlah kami memiliki tombol kami yang mengirimkan formulir ini dengan baik.

68
00:05:39,160 --> 00:05:45,490
Tombol ini bertipe kirim data karena memicu ENS matang dan penangan kirim

69
00:05:45,550 --> 00:05:52,520
dan di sini saya sekarang ingin menyebut sesuatu yang saya dapatkan dari komponen bahan.

70
00:05:52,720 --> 00:05:56,820
Jadi misalkan kita melewati prop yang bisa dinamai pada bahan ADD.

71
00:05:56,830 --> 00:05:58,640
Dan nama itu sepenuhnya terserah Anda.

72
00:05:58,690 --> 00:06:01,680
Dan di sana kami menunjuk pada penangan bahan tambahan.

73
00:06:01,720 --> 00:06:06,340
Jadi ini adalah bagaimana Anda mengurai referensi fungsi turun ke komponen yang Anda pelajari

74
00:06:06,550 --> 00:06:13,210
dari kursus tidak berubah tidak ada hubungannya dengan reaktan jadi sekarang kita akan memiliki bahan tambahan pada bahan ADD

75
00:06:13,210 --> 00:06:13,900
untuknya.

76
00:06:14,050 --> 00:06:20,480
Dan ayah akan memiliki penunjuk pada fungsi ini sehingga dalam bentuk bahan dalam penangan kirim kita dapat

77
00:06:20,480 --> 00:06:23,840
memanggil alat peraga pada bahan ADD sebagai fungsi.

78
00:06:23,840 --> 00:06:29,630
Karena sekali lagi ini akan memegang pointer pada fungsi itu di bahan J sebagai file dan

79
00:06:29,630 --> 00:06:37,310
di sana akan masuk ke objek karena di sini saya berharap untuk mendapatkan bahan sebagai objek saya melewati objek yang memiliki

80
00:06:37,310 --> 00:06:38,490
judul dalam jumlah.

81
00:06:38,720 --> 00:06:48,060
Jadi di sini judul adalah judul yang saya masukkan dan jumlah adalah jumlah yang dimasukkan begitu saja.

82
00:06:48,070 --> 00:06:52,280
Jadi ini dikirim ke penangan bahan ADD.

83
00:06:52,280 --> 00:06:58,370
Ini akan menambahkan bahan baru dan memperbarui susunan bahan kami dan kami meneruskan susunan bahan ini ke

84
00:06:58,370 --> 00:06:59,350
daftar bahan.

85
00:06:59,350 --> 00:07:04,510
Jadi sekarang harapan kami adalah melihat perubahan dalam daftar itu saat kami menambahkan bahan.

86
00:07:04,520 --> 00:07:06,410
Jadi, inilah daftar bahan kami.

87
00:07:06,470 --> 00:07:13,610
Sekarang mari kita tambahkan lima apel dan kita mendapatkan pemberitahuan kesalahan. Kesalahan datang dari daftar bahan

88
00:07:13,790 --> 00:07:14,990
di sana.

89
00:07:15,150 --> 00:07:20,870
Saya mendaftarkan klik pada bahan untuk mengikat pada item yang dihapus.

90
00:07:20,870 --> 00:07:24,180
Itu adalah sesuatu yang kita perlukan nanti untuk menghapus bahan.

91
00:07:24,200 --> 00:07:29,060
Jadi untuk sekarang mari kita pergi ke komponen daftar bahan yang kami gunakan dalam komponen bahan

92
00:07:29,480 --> 00:07:32,500
dan memberikan Anda pada menghapus daftar alat di sana.

93
00:07:32,660 --> 00:07:37,040
Dan ini harus menunjuk pada fungsi yang untuk saat ini tidak melakukan apa-apa.

94
00:07:37,070 --> 00:07:41,630
Hanya agar daftar bahan tidak menerima fungsi dan oleh karena itu mengikat berfungsi

95
00:07:44,430 --> 00:07:45,340
dengan hutang.

96
00:07:45,390 --> 00:07:50,610
Mari kita coba lagi mari kita tambahkan lima apel dan sekarang mereka mengkliknya tidak melakukan apa-apa untuk

97
00:07:50,610 --> 00:07:53,610
saat ini tetapi sekarang kita dapat menambahkan bahan-bahan kita.