1
00:00:02,200 --> 00:00:09,810
Sekarang apakah kita telah melihat Anda tinggal menggunakan fakta menggunakan peredam Anda juga digunakan untuk menggunakan panggilan balik mari kita lihat

2
00:00:09,810 --> 00:00:15,510
bagaimana kita dapat menggunakan konteks API yang selalu merupakan fitur menarik tentang bereaksi bersama-sama dengan

3
00:00:15,510 --> 00:00:22,530
komponen fungsional dan kait dan untuk itu Saya mendapatkan file James dari saya yang belum kita gunakan sejauh ini

4
00:00:22,530 --> 00:00:25,240
yang merupakan bentuk log yang sangat sederhana.

5
00:00:25,260 --> 00:00:30,540
Yah itu bahkan tidak memiliki input tetapi memiliki tombol masuk setidaknya yang bisa kita klik dan setelah

6
00:00:30,540 --> 00:00:32,890
Anda menunjukkan bahwa jika kita belum terkunci.

7
00:00:33,040 --> 00:00:37,260
Sebagai alternatif, perlihatkan bahan saya jika kita terkunci di situlah aplikasi sebagai

8
00:00:37,260 --> 00:00:39,870
file akan berperan sekarang selalu mengembalikan bahan.

9
00:00:39,870 --> 00:00:45,300
Tujuannya adalah bahwa sekarang tidak selalu mengembalikan bahan tetapi sebaliknya

10
00:00:45,420 --> 00:00:54,160
mengembalikan bahan atau layar mati jadi di sini dalam aplikasi saya akan mengimpor dari komponen dot slash off.

11
00:00:54,370 --> 00:00:59,950
Dan sementara kita tidak selalu bisa kembali tentu saja yang berarti kita akan selalu melihat ini, tetapi sekarang kita sudah

12
00:00:59,950 --> 00:01:02,530
mendapat jalan keluar sambil pergi ke bahan-bahan kami.

13
00:01:02,530 --> 00:01:05,310
Jadi tujuannya adalah agar kita beralih di antara keduanya.

14
00:01:05,590 --> 00:01:11,230
Sekarang tentu saja untuk itu kami dapat mengelola semua logika tidak aktif di sini dan aplikasi yang Anda gunakan selangkah untuk membuat konten

15
00:01:11,230 --> 00:01:11,830
yang berbeda.

16
00:01:11,890 --> 00:01:17,530
Kita bisa melakukan itu tetapi dalam aplikasi yang lebih kompleks tentu saja Anda mungkin tertarik pada

17
00:01:17,530 --> 00:01:23,890
apakah pengguna diautentikasi atau tidak dalam beberapa komponen mungkin sangat bersarang ke dalam komponen lain dan karena itu mengirimkan

18
00:01:23,890 --> 00:01:29,620
data tentang status otentikasi melalui alat peraga mungkin bukan apa yang Anda inginkan. ingin lakukan karena Anda

19
00:01:29,620 --> 00:01:36,460
membangun rantai alat peraga yang sangat panjang yang harus Anda lewati itulah konteks yang dapat membantu kami untuk data untuk membuat

20
00:01:36,460 --> 00:01:42,430
konteks folder baru yang opsional tapi saya suka menyimpan konteks saya di sana dan dinamai sebagai konteks dasbor

21
00:01:42,550 --> 00:01:46,460
Doc J J. S. apakah nama file di sana.

22
00:01:46,750 --> 00:01:53,590
Sekarang dalam file konteks tidak aktif ini kita dapat membuat konteks dengan mengimpor reaksi dari reaksi dan kemudian kita membuat katakanlah

23
00:01:53,620 --> 00:01:59,170
nama konteks kita sepenuhnya terserah Anda tetapi harus mulai dengan karakter kapital sebenarnya dengan memanggil reaksi buat

24
00:01:59,710 --> 00:02:04,540
konteks dan ini juga sesuatu yang saya bahas sejak awal tentu saja sudah.

25
00:02:04,550 --> 00:02:10,330
Ini adalah konteks yang ditawarkan oleh API untuk kembali ke bagian menyelam dalam komponen Ayah jika

26
00:02:10,330 --> 00:02:13,080
Anda tidak sepenuhnya yakin apa artinya ini.

27
00:02:13,540 --> 00:02:18,100
Sekarang kita dapat menginisialisasi ini dengan sebuah nilai dan berani saya ingin mengelola

28
00:02:18,700 --> 00:02:23,870
apakah kepala kita tersinggung atau tidak dan saya ingin memberikan fungsi login yang di sini

29
00:02:23,880 --> 00:02:30,550
hanya fungsi kosong tetapi yang masih ditambahkan di sini untuk mendapatkan penyelesaian otomatis yang lebih baik akan menimpa ini dengan

30
00:02:30,640 --> 00:02:37,450
nilai konkrit segera saya juga akan mengekspor objek konteks ini tetapi saya juga akan menggunakannya dalam file yang sama untuk

31
00:02:37,450 --> 00:02:45,750
membuat komponen di sana saya akan menyebutkan komponen penyedia konteks itu komponen reaksi normal komponen fungsional seperti yang Anda tahu dan di sana saya mengembalikan

32
00:02:45,780 --> 00:02:54,280
konteks penyedia titik jadi saya menggunakan konteks di atas sana dan ini secara otomatis adalah komponen reaksi yang valid atau setidaknya dengan penyedia DOT itu

33
00:02:54,280 --> 00:03:01,420
memberi Anda komponen reaksi yang valid dan di antara mereka saya ingin mengizinkan apa pun jadi saya ' Saya akan menambahkan

34
00:03:01,420 --> 00:03:08,440
alat peraga anak-anak di sana sehingga kita dapat menggunakan penyedia konteks luar melewati apa pun sebagai seorang anak untuk itu dan

35
00:03:08,490 --> 00:03:15,150
kita akan dibungkus oleh konteks kita sekarang di sini di mana saya untuk berhasil login status dan saya akan

36
00:03:15,160 --> 00:03:21,710
melakukan ini dengan bantuan U. S. Keadaan sekarang menggunakan keadaan

37
00:03:21,710 --> 00:03:27,830
karena ini adalah keadaan yang sangat sederhana. Ini adalah keadaan yang sederhana karena saya hanya

38
00:03:27,830 --> 00:03:36,380
ingin melacak apakah pengguna mengotentikasi dan saya ingin dapat mengatur apakah mengotentikasi atau tidak dan pada awalnya pengguna tidak menyinggung yang

39
00:03:36,380 --> 00:03:44,300
menyebabkan itu sebabnya menginisialisasi adalah dengan nilai palsu sekarang semua yang pengguna tahun log fungsi atau apa pun yang

40
00:03:44,300 --> 00:03:49,540
Anda ingin nama itu atau masuk handler ke nama sepenuhnya terserah Anda.

41
00:03:49,790 --> 00:03:55,190
Ini tidak memerlukan argumen di sini karena ini hanya tentang menunjukkan bagaimana bekerja dengan konteks bukan tentang benar-benar

42
00:03:55,190 --> 00:04:01,640
mengambil input di sini dan memvalidasi itu dan kemudian saya akan memanggil set diotentikasi dan itu benar itulah yang saya lakukan di

43
00:04:01,640 --> 00:04:02,260
sini.

44
00:04:02,270 --> 00:04:04,280
Fungsi yang sangat sepele.

45
00:04:04,280 --> 00:04:11,090
Sekarang penyedia konteks luar mendapatkan nilai yang secara otomatis akan didistribusikan kepada semua orang yang mendengarkan jika jika itu

46
00:04:11,540 --> 00:04:17,930
berubah yang menggambarkan konteks kita pada awalnya kita memiliki nilai awal ini tetapi sekarang akan segera

47
00:04:17,930 --> 00:04:25,250
menimpanya dengan objek baru di mana saya telah log in dan itu log saya dalam penangan menunjuk pada fungsi ini.

48
00:04:25,400 --> 00:04:32,660
Jadi sekarang kita memiliki fungsi nyata di baliknya dan mati di tempat yang kita miliki disahkan.

49
00:04:32,690 --> 00:04:39,740
Jadi itu adalah nilai negara dan lagi jika ini berubah jadi misalnya jika kita memanggil set, semua orang

50
00:04:39,740 --> 00:04:42,890
yang mendengarkan akan mendapatkan nilai yang diperbarui ini.

51
00:04:43,010 --> 00:04:49,330
Jadi sekarang kita hanya perlu mengekspor mungkin sebagai default penyedia konteks ini.

52
00:04:49,340 --> 00:04:53,710
Jadi komponen yang kami bangun di sini dan sekarang saya memiliki ekspor default ini.

53
00:04:53,720 --> 00:04:59,890
Dan di sini kita memiliki ekspor bernama dan sekarang kita dapat menggunakannya dan kita dapat menggunakannya dalam indeks hari ini sebagai

54
00:04:59,890 --> 00:05:01,820
berikut adalah akar dari aplikasi kita.

55
00:05:01,920 --> 00:05:11,080
Di sana kami dapat mengimpor Anda dari penyedia konteks dari konteks di konteks konteks slash dan membungkus seluruh aplikasi

56
00:05:11,080 --> 00:05:12,600
kami dengan itu.

57
00:05:12,600 --> 00:05:19,510
Jadi bungkus seluruh aplikasi dengan penyedia konteks luar seperti ini sehingga seluruh aplikasi menerima konteks kita

58
00:05:19,510 --> 00:05:21,160
atau dapat menerimanya.

59
00:05:21,160 --> 00:05:23,920
Anda dapat mendengarkan konteks dari mana saja di aplikasi.

60
00:05:23,920 --> 00:05:25,180
Itu cara yang tepat untuk menggambarkannya.

61
00:05:26,140 --> 00:05:31,180
Jadi penyedia menghubungkan menghubungkan melilit aplikasi kami di aplikasi GSM saya sudah tertarik

62
00:05:31,180 --> 00:05:35,200
dan itu hal yang bisa bermasalah dengan alat peraga fungsional.

63
00:05:35,350 --> 00:05:38,370
Tentu saja kita dapat mengimpor konteks luar kita.

64
00:05:38,380 --> 00:05:47,000
Jadi bukan komponen penyedia tetapi objek konteks itu sendiri dari konteks konteks slash namun di sini saya

65
00:05:47,000 --> 00:05:48,950
maksudkan ekspor bernama.

66
00:05:48,950 --> 00:05:55,250
Jadi kita harus membungkusnya dengan kurung kurawal dan apa yang bisa kita lakukan adalah kita dapat membungkusnya di sini

67
00:05:55,280 --> 00:06:00,970
dengan konsumen di luar konteks sekarang untuk mengatur apakah fungsi render ini pada akhirnya ada di sana.

68
00:06:01,280 --> 00:06:04,860
Ini akan menjadi bagaimana Anda dapat menggunakan komponen konteks dan fungsional.

69
00:06:04,970 --> 00:06:10,550
Ini berarti bahwa jika Anda memerlukan data dari konteks di tempat lain tetapi di J Anda

70
00:06:10,550 --> 00:06:16,940
sebagai pohon X Anda tidak punya cara untuk mendapatkannya Anda perlu mengubah ini menjadi komponen berbasis kelas sehingga

71
00:06:16,940 --> 00:06:23,390
Anda dapat menambahkan hal jenis konteks statis yang Anda mungkin ingat dari tadi dan tentu saja untungnya untungnya

72
00:06:23,380 --> 00:06:30,710
juga ada kait untuk memperbaiki U. S. konteks kait Anda menggunakannya seperti ini Anda lulus dalam

73
00:06:30,710 --> 00:06:37,490
konteks yang ingin Anda dengarkan sehingga untuk mengatakan di luar konteks dalam kasus saya dan Anda mendapatkan pegangan untuk konteks yang kemudian disimpan dalam

74
00:06:37,730 --> 00:06:44,690
konstanta ini dan Anda dapat memberi nama apa pun yang Anda inginkan di sini dan beri nama di luar konteks dan sekarang Anda berada di aplikasi

75
00:06:45,050 --> 00:06:45,860
J. S.

76
00:06:49,090 --> 00:06:56,470
Saya dapat mendengarkan Anda dari konteks dot mati atau tidak mendengarkannya tetapi periksa dan ini akan dibangun kembali setiap kali konteks

77
00:06:56,500 --> 00:07:01,960
berubah setiap kali nilai di sana berubah sehingga setiap kali kita mengubah semua misalnya maka ini

78
00:07:02,140 --> 00:07:03,480
akan dibangun kembali.

79
00:07:03,550 --> 00:07:08,800
Jadi di sini saya akan mendengarkannya dan kemudian saya ingin menampilkan konten yang berbeda,

80
00:07:08,800 --> 00:07:15,400
katakanlah konten default saya di sini adalah komponen tidak aktif seperti ini, tetapi jika kita diautentikasi maka konten

81
00:07:15,400 --> 00:07:22,030
tentu saja adalah komponen bahan dan kemudian di bawah sana alih-alih pengodean keras konteks saya mengembalikan konten yang

82
00:07:22,030 --> 00:07:24,570
berubah tergantung pada nilai dalam konteks.

83
00:07:24,650 --> 00:07:31,100
Sekarang kita hanya perlu memastikan bahwa mengklik pada log dan tombol juga mencapai fungsi pengendali login

84
00:07:31,100 --> 00:07:33,010
yang baik di sini.

85
00:07:33,080 --> 00:07:37,880
Perlu diingat bahwa pointer pada fungsi ini disimpan dalam log in dalam konteks.

86
00:07:37,880 --> 00:07:42,560
Jadi yang harus mereka lakukan adalah saya harus pergi ke

87
00:07:43,130 --> 00:07:54,570
tempat di mana tombol yang ada dalam komponen off dan juga mengimpor konteks off sana konteks bernama impor dari folder konteks konteks lepas dasbor dan

88
00:07:54,960 --> 00:07:59,280
mengimpor konteks penggunaan Holck di sini sebagai baik.

89
00:07:59,280 --> 00:08:09,120
Dan sekarang di sini saya bisa mendapatkan akses ke konteks di luar saya dengan konteks yang digunakan menunjukkan di luar konteks dalam log

90
00:08:09,120 --> 00:08:17,210
dan seorang pawang saya akan membatalkan konteks dot log sebagai fungsi dan sekarang dengan itu Anda mengklik tombol kita

91
00:08:17,360 --> 00:08:19,730
terkunci dan kami melihat bahan-bahannya.

92
00:08:19,730 --> 00:08:24,650
Jadi ini adalah bagaimana kita dapat bekerja dengan konteks dengan komponen fungsional dan menggunakan pengait konteks.