Saya sedang membangun aplikasi Bereaksi satu halaman, dan saya perhatikan pemulihan gulir tampaknya tidak berfungsi seperti yang diharapkan di Chrome (dan mungkin browser lain.) Pada repo-router-dom github repo, mereka memiliki halaman yang mengatakan bahwa browser mulai secara alami menangani...
Aku sedang menghadapi masalah. Saya punya data 2 dimensi. Data memiliki struktur bersarang yang berisi tautan. const data = [ // First Div Panel [ { id: 1, url: "/services", title: "Services" }, { id: 2, title: "Products", children: [ { id: 3, url: "/themes-templates", title:...
TL; DR Bagaimana komponen induk dapat mengetahui kapan rendering setiap komponen anak di bawahnya telah selesai dan DOM terlihat oleh pengguna dengan versi terbarunya? Katakanlah saya memiliki komponen component Aanak yang Gridterdiri dari 3x3komponen cucu. Masing-masing komponen cucu itu...
Saya membuat <If />komponen fungsi sederhana menggunakan React: import React, { ReactElement } from "react"; interface Props { condition: boolean; comment?: any; } export function If(props: React.PropsWithChildren<Props>): ReactElement | null { if (props.condition) { return...
Saya mendapat kesalahan berikut ketika saya menjalankan proyek saya di browser: Gagal mengompilasi: ./node_modules/@material-ui/lab/esm/internal/svg-icons/Close.js Attempted import error: 'createSvgIcon' is not exported from '@material-ui/core/utils'. Saya mencoba menerapkan komponen...
Saya telah menginstal material-ui / lab untuk menggunakan komponen peringatan, tetapi setiap kali saya mengimpornya dengan: import Alert from '@material-ui/lab/Alert';gagal mengkompilasi dan melempar kesalahan ini: ./node_modules/@material-ui/lab/esm/internal/svg-icons/SuccessOutlined.js Attempted...
Ini adalah komponen saya, saya menggunakan fungsi panah sebaris untuk mengubah rute onClickdiv tetapi saya tahu itu bukan cara yang baik dalam hal kinerja 1. Fungsi panah sebaris changeRoute (routeName) { console.log(routeName) } render() { return ( <> <div onClick={() =>...
Saya membuat pengait khusus yang memiliki toogle ketika beberapa negara berubah. Anda harus bisa melewati status apa pun dalam array. import { useState, useEffect } from 'react' const useFlatListUpdate = (dependencies = []) => { const [toggle, setToggle] = useState(false) useEffect(()...
Saya mencoba untuk mengompres kode yang ditulis dengan Next.js menggunakan Gzip deliver dengan Nginx dan server NodeJS. Tampaknya konfigurasi berfungsi saat saya gunakan curl -H "Content-Encoding: gzip"untuk memverifikasi. Tetapi datang ke browser nyata (Chrome, Firefox) Saya tidak dapat...
Saya menggunakan Material ui SwipeableViews yang menggunakan paket ReactSwipableView, saya mendapatkan kesalahan ini di konsol react-dom.development.js: 12466 Peringatan: componentWillReceiveProps telah diganti nama, dan tidak disarankan untuk digunakan. Lihat detailnya. Pindahkan data yang...
Saya mencoba mencari cara menampilkan cap waktu firestore di aplikasi reaksi. Saya memiliki dokumen firestore dengan bidang bernama CreatedAt. Saya mencoba memasukkannya dalam daftar output (mengekstraksi bit yang relevan di sini sehingga Anda tidak perlu membaca seluruh daftar...
Google menunjukkan 3 sembulan di atas kepada pengguna ketika mereka mencoba mendaftar menggunakan google di situs web saya, tetapi tidak menunjukkan sembulan yang sama kepada saya ketika saya mencoba mendaftar. Apa yang saya lihat hanya ini - 3 pop-up terpisah ini menyebabkan drop-off...
Saya telah mencoba untuk mengatasi masalah ini tetapi belum menemukan jawaban yang kuat untuk itu. Saya mencoba menjalankan mutasi login menggunakan hook useMutation. TLDR; Saya ingin tahu apa sebenarnya perbedaan antara opsi onError yang diteruskan dan kesalahan yang diberikan kepada saya oleh...
Saya merender komponen dari pustaka pola eksternal (node_modules) saya. Di App utama saya, saya mengirimkan Linkinstance react-router-domsaya ke komponen pustaka eksternal seperti: import { Link } from 'react-router-dom'; import { Heading } from 'my-external-library'; const articleWithLinkProps =...
Saya mencoba mencari cara untuk mendapatkan nama pengguna yang merupakan atribut yang disimpan dalam koleksi pengguna, yang telah digabungkan dengan atribut yang dibuat oleh model otentikasi firebase. Saya dapat mengakses authUser - yang memberi saya bidang terbatas yang dikumpulkan firebase di...
Saya memiliki kasus ketika saya perlu tahu apakah pengguna masuk atau tidak sebelum halaman diberikan sisi server dan dikirim kembali kepada saya menggunakan Next.js untuk menghindari perubahan flicker di UI. Saya bisa mengetahui cara mencegah pengguna mengakses beberapa halaman jika dia sudah...
Saya mencoba meniru aplikasi obrolan seluler lainnya di mana saat Anda memilih send-messagekotak teks dan membuka papan ketik virtual, pesan paling bawah masih terlihat. Sepertinya tidak ada cara untuk melakukan ini dengan CSS secara luar biasa, jadi JavaScript resize(satu-satunya cara untuk...
Saya mencoba memahami useEffecthook secara mendalam. Saya ingin tahu kapan harus menggunakan metode mana dan mengapa? 1.useEffect with no second paraments useEffect(()=>{}) 2.useEffect with second paraments as [] useEffect(()=>{},[]) 3.useEffect with some arguments passed in the second...
Saya akan merancang navigasi Laci di proyek saya. Saya menginstalnya dengan perintah ini: npm install @react-navigation/drawer Kemudian mengimpornya ke App.js import { createDrawerNavigator } from '@react-navigation/drawer'; import { NavigationContainer } from
Saya memiliki fungsi IIFE untuk beberapa kode perpustakaan dalam aplikasi lawas yang perlu bekerja untuk IE10 + (Tidak memuat modul ES6, dll). Namun, saya mulai mengembangkan aplikasi Bereaksi yang akan menggunakan ES6 dan TypeScript dan saya ingin menggunakan kembali kode yang sudah saya miliki...