Pertanyaan yang diberi tag «reactjs»

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 import error: 'createSvgIcon' is not exported from '@material-ui/core/utils'. Jadi saya mencoba untuk google masalah ini dan menemukan pertanyaan lain tentang material-ui/lab/AutoCompletekomponen ( Pertanyaan …

11 javascript  node.js  reactjs  material-ui 

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 Autocomplete (dari contoh di bagian "Beberapa nilai"). Ini kode yang saya gunakan: import React from 'react'; import Chip from '@material-ui/core/Chip'; import Autocomplete from …

11 reactjs  typescript  material-ui 

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 <>{props.children}</>; } return null; } Ini memungkinkan saya menulis kode pembersih, seperti: render() { ... …

11 javascript  reactjs  typescript 

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 mengambil data dari titik akhir API yang tenang dan membuatnya sendiri …

11 reactjs 

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: "Themes & Templates" }, …

11 reactjs 

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 pengguliran untuk aplikasi halaman tunggal, dan perilaku akan mirip dengan halaman …

11 javascript  reactjs  google-chrome  react-router 

Saya memiliki aplikasi Bereaksi (tidak menggunakan Buat Bereaksi Aplikasi) dibangun menggunakan TypeScript, Jest, Webpack, dan Babel. Saat mencoba menjalankan "gurauan benang", saya mendapatkan kesalahan berikut: Saya telah mencoba menghapus semua paket dan menambahkannya kembali. Itu tidak menyelesaikan ini. Saya telah melihat pertanyaan dan dokumentasi yang serupa dan masih salah paham …

11 reactjs  jestjs  babeljs  babel-jest  ts-jest 

Saya ingin memahami apa yang lebih umum atau cara penanganan kesalahan yang benar dengan React-Redux. Misalkan, saya memiliki komponen pendaftaran nomor telepon. Komponen itu melempar kesalahan mengatakan jika nomor telepon input tidak valid Apa yang akan menjadi cara terbaik untuk menangani kesalahan itu? Ide 1: Buat komponen, yang mengambil kesalahan …

11 reactjs  redux 

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 '@react-navigation/native'; Ini adalah package.jsonkonten saya : "@react-native-community/masked-view": "^0.1.6", "@react-navigation/drawer": "^5.0.0", "react": "16.9.0", "react-native": "0.61.5", "react-native-gesture-handler": "^1.5.6", "react-native-reanimated": "^1.7.0", "react-native-screens": …

10 reactjs  react-native  navigation-drawer  react-navigation 

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 parameter useEffect(()=>{},[arg])

10 javascript  reactjs  react-redux 

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 masuk menggunakan komponen HOC ini ... export const …

10 javascript  reactjs  typescript  next.js 

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 = { url: `/article/${article.slug}`, routerLink: Link, }; <Heading withLinkProps={articleWithLinkProps} /> Di perpustakaan saya, ini …

10 javascript  reactjs  react-router-dom 

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 mengetahui kapan keyboard dibuka dan ditutup ternyata) acara dan …

10 javascript  android  html  css  reactjs 

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 alat otentikasi, dan kemudian saya mencoba untuk mendapatkan dari …

10 reactjs  firebase  google-cloud-firestore  firebase-authentication 

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 useMutation Ini cuplikan kode saya const [login, { …

10 reactjs  graphql  react-apollo  apollo-client