Saya menggunakan hook useHistory baru dari React Router, yang keluar beberapa minggu yang lalu. Versi React-router saya adalah 5.1.2. React saya ada di versi 16.10.1. Anda dapat menemukan kode saya di bagian bawah. Namun ketika saya mengimpor useHistory baru dari react-router, saya mendapatkan...
Saya menggunakan hook UseHistory di router reaksi v5.1.2 dengan naskah? Saat menjalankan unit test, saya mendapat masalah. TypeError: Tidak dapat membaca properti 'histori' yang tidak terdefinisi. import { mount } from 'enzyme'; import React from 'react'; import {Action} from 'history'; import...
Saya merujuk pada dokumentasi React Material-UI ( https://material-ui.com/components/autocomplete/ ). Dalam kode demo, <Autocomplete options={top100Films} getOptionLabel={(option: FilmOptionType) => option.title} style={{ width: 300 }} renderInput={params => ( <TextField...
Saya sedang menulis proyek Bereaksi dalam kode VS. Saya menemukan masalah ini dalam kode VS. Dalam proyek saya, folder ini menampilkan Berisi item yang ditekankan dan saya tahu itu berarti ada kesalahan dalam file saya. Namun dalam gambar , Saya telah memeriksa semua file tetapi tidak ditemukan...
Saya telah menulis tombol khusus ( MyStyledButton) berdasarkan material-ui Button . import React from "react"; import { Button } from "@material-ui/core"; import { makeStyles } from "@material-ui/styles"; const useStyles = makeStyles({ root: { minWidth: 100 } }); function
Saya memiliki aplikasi reaksi (aplikasi A), dibuat sekitar 2 tahun yang lalu menggunakan aplikasi create-react, dan itu dikeluarkan. Aplikasi ini diekspor sebagai modul commonjs2 dan dikirim dalam paket NPM, untuk digunakan dalam proyek next.js (aplikasi B). Semuanya berjalan lancar sampai saya...
Saya baru di Next.js dan saya bertanya-tanya bagaimana cara mengalihkan dari halaman awal ( / ) ke / hello-nextjs misalnya. Setelah pengguna memuat halaman dan setelah itu menentukan apakah path === / redirect ke / hello-nextjs Di react-router kami melakukan sesuatu seperti: <Switch>...
Saya baru-baru ini mulai menggunakan TypeScript dengan Expo. Saya telah melakukan semua integrasi linter / formatter seperti typescript-eslintagar saya dapat menangkap sebagian besar kesalahan selama pengkodean. Untuk memeriksa apakah kode dikompilasi, saya jalankannpx tsc sesekali dan...
Saya memiliki aplikasi reaksi yang dibuat oleh create-react-app. Setelah menjalankan start npm (skrip start hadir dalam package.json sebagai "start": "skrip reaksi start") konsol mengatakan Mulai server pengembangan seperti biasa dan jalankan browser. Tetapi setelah ini, baik konsol maupun browser...
Saat mencoba mengakses komponen Login aplikasi MERN saya pada versi produksi, saya mendapatkan serangkaian kesalahan tipe berikut yang ditunjukkan pada gambar ini: Aplikasi saya ( https://github.com/ahaq0/kumon_schedule ) berfungsi dengan sangat baik secara lokal dan bekerja dengan sangat baik...
Saya mencoba memuat tampilan detail berdasarkan rute react-router-dom yang harus mengambil parameter URL (id) dan menggunakannya untuk mengisi komponen lebih lanjut. Rute saya terlihat /task/:iddan komponen saya dimuat dengan baik, sampai saya mencoba mengambil: id dari URL seperti ini: import...
Saya melihat bahwa React.forwardRef tampaknya menjadi cara yang disetujui untuk meneruskan referensi ke komponen fungsional anak, dari dokumen reaksi: const FancyButton = React.forwardRef((props, ref) => ( <button ref={ref} className="FancyButton"> {props.children}
Saya mencoba untuk membuat proyek baru menggunakan create-react-appmenggunakan perintah yang diberikan pada dokumen yaitu npx create-react-app my-apptetapi tidak mengandung folder seperti public srcdan
React Hooks memberi kita opsi useState, dan saya selalu melihat perbandingan Hooks vs Class-State. Tetapi bagaimana dengan Hooks dan beberapa variabel reguler? Sebagai contoh, function Foo() { let a = 0; a = 1; return <div>{a}</div>; } Saya tidak menggunakan Hooks, dan itu akan...
Saya ingin menggunakan Autocompletekomponen untuk tag input. Saya mencoba untuk mendapatkan tag dan menyimpannya dalam keadaan sehingga saya nanti dapat menyimpannya di database. Saya menggunakan fungsi alih-alih kelas dalam bereaksi. Saya memang mencoba onChange, tetapi saya tidak mendapatkan...
Saya tertarik pada cara mengimplementasikan OAuth di Bereaksi menggunakan popup ( window.open). Misalnya saya punya: mysite.com - ini adalah tempat saya membuka popup. passport.mysite.com/oauth/authorize - muncul. Pertanyaan utamanya adalah bagaimana membuat koneksi antara window.open(popup)...
Saya membuat pustaka komponen React yang dapat dibagikan. Perpustakaan berisi banyak komponen tetapi pengguna akhir hanya perlu menggunakan beberapa dari mereka. Ketika Anda bundel kode dengan Webpack (atau Paket atau Rollup) itu membuat satu file tunggal dengan semua kode . Untuk alasan...
Saya telah melalui definisi keduanya seperti: Fungsi murni adalah fungsi yang tidak berusaha mengubah inputnya, dan selalu mengembalikan hasil yang sama untuk input yang sama. Contoh function sum(a, b) { return a + b; } Dan fungsi yang tidak murni adalah yang mengubah inputnya sendiri....
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...
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...