Untuk menghasilkan tujuan kita sendiri.
Saya akan menambahkan komponen baru di folder komponen dan membuatnya tetap terkendali.
Saya akan benar-benar membuat subfolder baru untuk setiap komponen.
Ini bukan suatu keharusan, tetapi saya pribadi suka melakukan ini karena dengan begitu saya dapat dengan cepat menemukan semua komponen saya.
Tentu saja, Anda sekarang perlu menyesuaikan impor Anda di sini dalam abcess.
Ide saya melakukannya secara otomatis kalau-kalau itu tidak terjadi.
Pastikan Anda menyesuaikan impor daftar sasaran untuk mencerminkannya di U.
Map.
Saya tambahkan.
Dan kemudian itu akan menambahkan komponen tujuan baru di sini di folder komponen juga di sana.
Tambahkan file jazz tujuan baru dan tujuan baru.
Lihat kami jatuh.
Jika Anda ingin menerapkan beberapa gaya sekarang dalam file jazz emas baru, pertama-tama kita perlu mengimpor reaksi
dari reaksi.
Anda selalu perlu melakukan itu.
Kalau tidak, Anda tidak dapat menggunakan J sebagai X dalam file itu karena perlu diingat J sebagai exis diterjemahkan untuk bereaksi membuat
elemen.
Dan kemudian di sini saya memiliki komponen tujuan baru saya di sini.
Kami dapat menerima Propp spot selama kami tidak membutuhkannya.
Kita tidak harus melakukannya.
Dan kemudian saya mengekspor tujuan baru.
Sekarang, di Abcess, saya ingin memberikan tujuan baru, jadi kami akan mengimpor emas baru.
Sekali lagi, nama di sini terserah Anda, tetapi harus dimulai dengan huruf kapital.
Dan saya mengimpor ini dari komponen.
Tujuan baru
Dan kemudian di sini kita dapat merender seperti di atas daftar sasaran kita, katakanlah seperti itu.
Tidak, ini tidak akan berfungsi karena tujuan baru belum komponen reaksi yang valid karena ini adalah fungsi saat ini, tetapi
itu bukan fungsi yang berfungsi sebagai komponen reaksi karena tidak melakukan satu hal penting.
Itu tidak kembali ke X-nya.
Jadi mari kita kembali.
Saya J adalah X di sana-sini untuk menjaga segala sesuatunya sederhana, semuanya di forum.
Dan di forum itu saya akan menambahkan kolom input.
Ketikkan teks elemen penutup sendiri di HGL biasa.
Ini tidak harus menutup sendiri dalam J adalah X.
Itu memang harus menutup diri.
Dan kemudian tombol yang bertipe submit.
Di mana saya katakan di Gohl, bentuk yang sangat sederhana, dan jika kita sekarang amankan itu, Anda harus melihatnya di sini.
Sekarang mari kita tambahkan beberapa gaya untuk membuat ini terlihat sedikit lebih cantik untuk daddle dan kelas untuk membentuk emas dasbor
baru.
Dan saya akan mengimpor emas baru lihat sebagai file ke dalam file JavaScript emas baru.
Dan kemudian di sini di kelas emas baru, yang ditambahkan pada formulir all at.
Margin dua REM di semua arah dan baris teks.
Sehingga ini terlihat sedikit lebih bagus.
Dan sekarang kita juga bisa memberi style pada input tombol.
Tetapi saya tidak ingin menghabiskan terlalu banyak waktu untuk itu.
Jadi kita akan membiarkannya seperti ini, saat ini.
Ketika Anda mengklik tombol, omong-omong, halaman ini akan dimuat ulang karena sekarang fungsi
browser default akan muncul.
Yaitu bahwa ketika tombol dari jenis kirim diklik di forum, permintaan dikirim ke server yang disajikan
ke halaman ini.
Bukannya itu perilaku yang kami inginkan di sini, karena di sini saya tidak ingin mengirim permintaan ke server mana
pun karena kami tidak melakukan apa pun di sisi server.
Sebaliknya, saya ingin menangani klik itu dengan JavaScript dan itulah hal pertama yang akan saya lakukan di sini.
Mari kita lihat bagaimana kita bisa menangani acara, karena sejauh ini kita belum melakukan itu.
Saya ingin menangani acara ajukan forum ini di sini dan bereaksi membuatnya sesederhana itu.
Kami dapat menambahkan pendengar acara ke elemen apa pun, tidak hanya ke forum, tetapi ke elemen apa pun dengan menambahkan
huruf kecil aktif.
Dan kemudian nama acara tersebut.
Tidak, tidak setiap acara didukung pada setiap elemen.
Tapi di sini Anda punya HD default-nya, semua elemen tersedia.
Jadi misalnya, dalam elemen forum Anda harus mengirimkan acara pada, kirim pada tombol.
Anda juga memiliki klik.
Tapi karena itu adalah tombol di forum, lebih baik untuk menangani ada di forum itu sendiri.
Sekarang, apa yang Anda berikan sebagai nilai ke Enns up Mido sebagai nilai?
Anda harus melewati fungsi yang harus dipicu saat acara ini terjadi.
Jadi penunjuk ke fungsi.
Anda bisa melakukannya tahun ini dengan kurung kurawal dan kemudian fungsi garis anonim.
Tetapi saya tidak terlalu menyukainya.
Sebagai gantinya, saya akan membuat fungsi baru di sini.
Dan dalam JavaScript Anda dapat membuat fungsi dan fungsi.
Jadi alih-alih fungsi tujuan yang baru, yang masih ada, pada akhirnya saya dapat membuat fungsi baru.
Saya akan membuat.
At handler note, penamaan terserah Anda.
Tapi saya suka namanya memiliki Handler di akhir nama funk saya.
Jika itu adalah fungsi yang dipicu pada beberapa peristiwa.
Jadi ini adalah fungsi dalam hal ini, saya akan kembali menggunakan fungsi panah, yang tidak harus
dilakukan, tetapi saya hanya akan menggunakan fungsi panah di sini dan Enns up Mitt sekarang dapat menunjuk ke AD Gohl Handler.
Jangan jalankan di sini, jadi jangan tambahkan tanda kurung.
Sebagai gantinya, Anda hanya ingin menunjukkan fungsi sehingga browser dan bereaksi dalam upaya yang sama dapat
melakukan disfungsi untuk Anda.
Kapan ajukan acara terjadi?
Sekarang fungsi ini akan mendapatkan objek acara, parameter acara dilewatkan secara otomatis dengan bereaksi dan kemudian misalnya kita dapat memanggil
pencegahan default, yang mencegah default browser mengirim permintaan ke beberapa back end, yang seharusnya tidak dilakukan di sini
karena kita Saya tidak menangani ini di sisi server di sini.
Server kami hanya melayani file HMO indeks tunggal itu.
Itu tidak memiliki logika untuk menangani pengiriman apa pun.
Sebaliknya, saya ingin menanganinya di sini di JavaScript di ujung depan.
Dalam aplikasi REACT saya dan untuk saat ini saya akan mengabaikan apa yang dimasukkan pengguna di sini dan
saya hanya akan membuat tujuan dummy.
Dan saya ingin meneruskan tujuan bodoh itu ke aplikasi G. S. dan menambahkannya ke Scholes inti saya di sini sehingga kemudian disajikan
di sini.
Sekarang, langkah demi langkah.
Kita bisa menciptakan tujuan Dharmik baru, tentu saja.
Dalam artikel itu, Hanover.
Dengan menambahkan konstanta sasaran baru di sini, yang merupakan objek JavaScript, ide di sini bisa berupa angka acak.
Dengan ngengat acak.
Ini, tentu saja, tidak benar-benar unik. D. , tapi cukup baik dan saya akan mengubahnya menjadi string.
Cukup bagus untuk aplikasi demo kami di sini.
Maksudku.
Dan kemudian teks di sini nanti akan menjadi pengguna teks yang dimasukkan di sini.
Untuk saat ini, hanya beberapa teks tiruan.
Tujuan baru saya
Jadi sekarang kita memiliki tujuan baru di sini.
Dan, tentu saja, kita dapat menghibur di terkunci untuk melihat bahwa semuanya sampai pada titik ini bekerja.
Jadi jika kita simpan itu.
Kami melihat formulir kami di sini.
Dan jika Anda mengklik add goal, halaman tidak akan dimuat ulang.
Tetapi sebaliknya kita melihat tujuan cap di sini.
Tentu saja dapat menciptakan banyak tujuan.
Tetapi saat ini, mereka tidak ditambahkan ke daftar ini.
Untuk menambahkan ke dalam daftar, sekarang kita perlu mengeluarkan sasaran itu dari komponen sasaran baru ke komponen aplikasi.
Sekarang, sebelum kita belajar, kita dapat melewati putaran alat peraga kita.
Tapi itu dari aplikasi ke daftar sasaran.
Jadi untuk komponen level yang lebih rendah, komponen yang termasuk aplikasi.
Sekarang ke arah lain.
Kami ingin meneruskan data dari sasaran baru ke komponen induk.
Jadi komponen yang termasuk komponen tujuan baru.
Bagaimana cara kerjanya?