Pertanyaan yang diberi tag «reactjs»

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 MyStyledButton(props) { const buttonStyle = useStyles(props); const { children, width, ...others } …

16 javascript  css  reactjs  jestjs  enzyme 

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 kesalahan. Jadi ini …

16 reactjs  visual-studio-code 

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 di-host di Heroku sebelumnya hari ini. Saya mencoba memutar kembali semua perubahan …

15 reactjs  typescript  heroku  material-ui  mern 

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 sama sekali tidak melakukan apa pun. Tidak ada kesalahan atau keluaran. …

15 reactjs  npm  create-react-app  react-scripts 

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 memperbaikinya. Satu hal yang belum sepenuhnya saya pahami adalah mengapa aplikasi saya berhasil dibangun …

15 reactjs  typescript  react-native  expo 

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> <Route path="/hello-nextjs" exact component={HelloNextjs} /> <Redirect to="/hello-nextjs" …

15 html  reactjs  routing  react-router  next.js 

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 React from "react"; import { useParams } from "react-router-dom"; class …

14 reactjs  react-router 

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} </button> )); // You can now get a ref directly to the DOM button: const ref = React.createRef(); <FancyButton ref={ref}>Click …

13 javascript  reactjs  performance 

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 script.

13 reactjs  create-react-app 

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. Contoh function withdraw(account, amount) { …

12 javascript  reactjs  redux 

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 kinerja, saya tidak ingin semua kode itu diunduh …

12 reactjs  npm  webpack  es6-modules  rollup 

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) dan window.opener(seperti yang diketahui window.opener adalah null karena keamanan lintas-domain oleh karena itu kami tidak dapat …

12 javascript  reactjs  oauth  popup  authorization 

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 hasil apa pun. <div style={{ width: 500 }}> <Autocomplete multiple options={autoComplete} filterSelectedOptions …

12 reactjs  material-ui 

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 memberi saya hasil yang sama seperti: …

12 javascript  node.js  reactjs  react-hooks 

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={() => this.changeRoute("page1")}>1</div> <div onClick={() => this.changeRoute("page2")}>2</div> </> ) } 2. …

11 javascript  reactjs