Meneroka cabaran pemaparan bersyarat dalam komponen tersuai React

Saya menghadapi masalah dengan pemaparan bersyarat dalam komponen tersuai dalam aplikasi React saya. Saya telah berusaha untuk mencipta komponen tersuai untuk pemaparan bersyarat yang hanya menghasilkan kandungan apabila syarat tertentu dipenuhi. Berikut ialah kod semasa saya: importReactfrom'react'...

P粉301523298 2023-08-18 15:58:43 0  2  602

Kaedah untuk mengemas kini keadaan komponen React sebelumnya yang diberikan oleh tatasusunan

Saya menambah komponen React dalam tatasusunan dan memberikan tatasusunan apabila saya mengklik butang "Tambah Komponen". Setiap komponen diberikan dengan menghantarnya sebagai harta kepada cangkuk kiraan. Masalahnya ialah apabila komponen itu ditambahkan pada tatasusunan dan diberikan, ca...

P粉014218124 2023-09-08 21:35:51 0  1  587

Cara vue.js memaparkan komponen secara rekursif.

Saya mula-mula menulis komponen asas, dan kemudian saya ingin memperkenalkan diri saya ke dalam komponen untuk rendering rekursif Walau bagaimanapun, selepas memperkenalkannya, saya akan mendapat masalah templat atau fungsi render yang tidak ditakrifkan.

淡淡烟草味 2017-07-05 10:59:35 0  2  1362

Memaparkan lebih daripada ralat pemaparan sebelumnya pada komponen tanpa menggunakan cangkuk bersyarat

Saya mempunyai komponen berikut yang menjadikan pautan boleh klik untuk import muat naik fail{gql,useLazyQuery,useMutation}from'@apollo/client';import{useEffect,useState}from'react';importtypeFileUploadfrom'@app/data/models/FileUpload ';import{ExternalLink}dari'@app/

P粉331849987 2023-09-09 22:36:14 0  1  632

Bertindak balas ralat pemaparan Asli apabila cuba membuat berbilang komponen

Saya ingin memberikan berbilang salinan komponen tersuai yang sama yang dibina selepas pengguna menekan butang "Tambah". Kod saya adalah seperti berikut: import"react-native-get-random-values";import{StyleSheet,TextInput,View,Text,TouchableHighlight,Button}from'react-native';impo...

P粉043566314 2023-09-05 18:57:09 0  1  522

Mengapa komponen React saya dipaparkan dua kali?

Saya tidak tahu mengapa komponen React saya dipaparkan dua kali. Jadi saya mengekstrak nombor telefon daripada params dan menyimpannya ke dalam keadaan supaya saya boleh mencarinya melalui Firestore. Segala-galanya nampaknya berfungsi dengan baik kecuali ia memaparkan dua kali...kali pertama nombor ...

P粉268654873 2023-10-16 12:47:00 0  1  735

javascript - Bolehkah anda beritahu saya sama ada rendering malas FlatList dalam React-Native adalah berdasarkan item atau komponen terkecil?

FlatList memaparkan elemen kanak-kanak dengan malas, hanya mula memaparkannya apabila ia akan muncul pada skrin. Jadi adakah ia diberikan dalam unit item atau dalam unit komponen terkecil? Katakan senarai mempunyai 3 item, satu Item menduduki 3 skrin, setiap item mengandungi 10 komponen, dan 3 perta...

滿天的星座 2017-05-31 10:37:53 0  1  790

Bagaimana untuk membuat menggunakan komponen Hyperstack dalam paparan erb

Sebagai contoh, saya mempunyai halaman erb yang mengandungi banyak logik. Saya ingin membuat mesej pengguna pada halaman ini menggunakan Hyperstack. Bagaimanakah saya boleh membuat komponen Hyperstack pada halaman erb ini? Kemas kini: Saya tahu ini mungkin kerana komponen Hyperstack dibenamkan dalam...

P粉301523298 2023-08-16 15:03:45 0  1  493

Mengapa komponen Vue tidak diberikan semula selepas menukar keadaan Pinia (mengalih keluar objek dalam tatasusunan)?

Saya mempunyai fungsi deleteHandler yang mengubah tatasusunan pengguna dalam pinia. Walau bagaimanapun, dalam devtools vue, keadaan diubah tetapi komponen tidak diberikan semula, tetapi jika saya mengalih keluar objek daripada tatasusunan, hanya tukar beberapa nilai, kemudian vue mengenalinya dan me...

P粉763748806 2023-12-30 14:57:42 0  1  476

javascript - Subkomponen tersuai menerima data komponen induk, cara menggunakan v-for untuk menghasilkan berbilang subkomponen

Mari kita mulakan dengan kod Sekarang terdapat 4 objek yang dihantar ke komponen anak Bagaimana cara menggunakan v-for untuk membuat 4 komponen anak perlukah v-for diletakkan dalam templat komponen induk atau dalam komponen anak?

PHP中文网 2017-05-19 10:44:00 0  1  657

javascript - vue2.0 secara dinamik memuatkan berbilang komponen yang sama, memasukkan nilai berbeza ke dalam data dalam komponen, dan apabila menutup komponen bukan terakhir, nilai yang dimusnahkan ialah nilai komponen terakhir.

Vue2.0 secara dinamik memuatkan berbilang komponen yang sama dan memasukkan nilai yang berbeza ke dalam data dalam komponen Apabila menutup komponen bukan terakhir, nilai yang dimusnahkan ialah nilai komponen terakhir. Kaedah pemuatan komponen: komponen ialah tatasusunan Dapatkan komponen untuk dipa...

黄舟 2017-07-05 11:00:36 0  1  1426

Bagaimana untuk membuat komponen yang sama menggunakan prop yang berbeza dalam <Route> react-router

Saya mempunyai komponen Berita yang memerlukan beberapa prop dan saya ingin menjadikannya semula setiap kali saya mengklik pada <Pautan/> serta prop kategori yang sepadan. Ia mengemas kini URL tetapi tidak memaparkan semula komponen. <Routes><Routepath="/"element={<Newsco...

P粉002546490 2024-03-26 23:34:09 0  2  451

Memaparkan komponen Vue secara dinamik dalam komponen lain

Menggunakan Vue3.2.41-@heroicons/vue2.0.14-inertiajs1.0-vite4.0.0 Saya memanggil komponen Vue menggunakan ini: Komponen kelihatan seperti ini: <template><component:is="icon"/><! -- tidak berfungsi--><CalendarDaysIcon/><!--berfungsi-->&

P粉764003519 2023-08-30 20:51:07 0  2  584

Urutan penyampaian semula dan panggilan useEffect().

Saya mempunyai komponen TopPage dan ImagePreview dan FileUploader tunjukkan FileUploader dahulu dan FileUploader menukar keadaan fileObj TopPage. Kemudian, FileUploader hilang, ImagePreview muncul, dan useEffect() dipanggil, tetapi tiada ImagePreviewRef pada masa ini. Apabila useState dipanggil, ked...

P粉722409996 2024-03-22 10:16:32 0  1  444

Gabungkan Vue dalam komponen Vue untuk memaparkan HTML

Saya cuba menaik taraf projek daripada Vue2 kepada Vue3, di mana saya mempunyai komponen yang mengandungi koleksi komponen Vue yang berbeza. Cara ia berfungsi dalam Vue2 ialah anda memanggil templat Twig dalam Twig (cth: field.twig) dan menghantarnya ke Vue untuk penyusunan menggunakan atribut :is d...

P粉193307465 2024-03-26 14:35:53 0  1  507

Memaparkan dalam gelung templat menggunakan elemen slot Vue

Saya cuba menghantar HTML slaid kepada komponen dan kemudian menjadikannya kepada komponen lain dengan menggunakan slot //carousel.blade.php <my-carousel><templatev-slot:slides><div>slide1</ div ><div>slide2</div></template></my-carousel

P粉514458863 2023-09-15 10:37:00 0  1  619

javascript - sarang komponen V4 penghala tindak balas

Saya menggunakan versi V2 penghala tindak balas sebelum ini, dan tiada masalah dengan penghalaan bersarang seperti berikut: Tujuan: Mengakses laluan berbeza akan memuatkan komponen Halaman_Main Mengikut laluan yang berbeza, sub-komponen ini seperti Abstrak atau React_tutorial akan dipaparkan kompone...

代言 2017-06-26 10:50:06 0  2  897

Tajuk ditulis semula sebagai: Menyelesaikan masalah pemaparan lebar dinamik komponen RatingBar dalam Vue.js 3 dan Tailwind CSS

Saya menggunakan Vue.js3 dan TailwindCSS. Saya mempunyai komponen yang dipanggil RatingBar dan saya cuba menggunakan nilai lebar dinamik pada kelas elemen induk. Walau bagaimanapun, walaupun saya dapat melihat lebar yang dijangkakan dalam DevTools, ia menghasilkan pada 100%. Ini ialah kod saya dalam...

P粉803527801 2023-09-01 10:19:15 0  1  432

Fungsi set*** dipanggil tetapi pemaparan semula komponen fungsi tidak dilaksanakan.

Skrip saya kelihatan seperti di bawah, selepas api mendapat item tersebut, saya ingin memaparkan semula komponen dan membuat EnhancedTable muncul. Tetapi dengan skrip ini, apifetch berjaya, tetapi EnhancedTable tidak muncul. response.data mengembalikan data yang betul, tetapi pemaparan semula tidak ...

P粉864872812 2024-04-04 09:53:14 0  1  459

Menyimpan komponen yang diberikan dan nyatakan: bagaimana untuk berterusan merentasi muat semula halaman?

Saya sedang membangunkan aplikasi papan pemuka yang boleh disesuaikan oleh pengguna untuk menghasilkan komponen pilihan mereka. Setelah ia dikonfigurasikan, bagaimanakah cara saya menyimpan keadaan ini supaya apabila pengguna melawat semula aplikasi, ia memuatkan tetapan yang sama seperti semasa mer...

P粉052686710 2023-09-11 10:47:00 0  1  616