Pertanyaan yang diberi tag «reactjs»

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 besar dari situs web saya. Bagaimana saya …

10 reactjs  google-calendar-api  google-signin  google-apps  google-login 

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 bidang). componentDidMount() { this.setState({ loading: true }); this.unsubscribe = this.props.firebase .users() .onSnapshot(snapshot …

10 javascript  reactjs  firebase  google-cloud-firestore  unix-timestamp 

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 mengambil kode atau efek samping ke componentDidUpdate. Jika Anda memperbarui status setiap kali props berubah, perbaiki kode Anda …

10 reactjs 

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 menemukan Content-Encoding: gzipproperti di Header Respons. Sebaliknya, X-Content-Encoding-Over-Network: gzipmuncul. Saya menggunakan Google …

10 node.js  reactjs  nginx  gzip  next.js 

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(() => { setToggle(t => !t) }, [...dependencies]) return toggle …

10 reactjs  react-native  eslint  react-hooks 

ketika di lingkungan pengembangan, aplikasi saya berfungsi dengan baik. Ketika berada di lingkungan produksi, crash dengan kesalahan: Uncaught TypeError: (0 , _react.useEffect) is not a function Ini terjadi pada file yang saya buat di mana saya mengimpor Bereaksi dan menggunakan Efek seperti: import React, { useEffect } from 'react' const …

9 javascript  reactjs  react-hooks  parceljs 

Saya mencoba mengkonfigurasi aplikasi re-redux baru saya untuk menggunakan fitur baru React-Redux. The dokumentasi resmi mengatakan React Redux sekarang menawarkan satu set API kait sebagai alternatif untuk connect yang ada () Komponen Orde Tinggi. Saya telah mencoba untuk menemukan beberapa artikel bantuan yang terkait dengan Hooks API dengan beberapa contoh …

9 reactjs  typescript  redux  react-redux 

Saya memiliki komponen Bereaksi, yang mencakup bendera ketersediaan konektivitas Internet. Elemen UI harus diubah secara dinamis sesuai dengan keadaan waktu-nyata. Juga, fungsi berperilaku berbeda dengan perubahan bendera. Implementasi saya saat ini polling API jarak jauh menggunakan Axios di setiap detik menggunakan interval dan memperbarui negara sesuai. Saya mencari cara yang …

9 javascript  reactjs  axios 

Saya memiliki elemen kontainer yang memegang beberapa elemen lain, tetapi tergantung pada ukuran layar bagian dari mereka terputus di berbagai bagian. Anda dapat mengamati perilaku pada tautan sandbox kode saya, ketika halaman HTML disesuaikan lebarnya (dengan mengklik dan menariknya). Bagaimana saya bisa memastikan bahwa hanya batas kontainer utama yang diberikan, …

9 javascript  css  reactjs 

Hari ini tiba-tiba saya mulai mendapatkan kesalahan pembangunan pada proyek yang dibangun dengan Typecript. Dalam file yang (atau apa pun yang dirujuk) tidak berubah dalam beberapa minggu, saya mulai mendapatkan: ./path/to/my/file.ts Line 0: Parsing error: Cannot read property 'name' of undefined Kesalahan ini pertama kali muncul di CI kami, dapat …

9 reactjs  typescript  create-react-app  react-scripts  react-typescript 

Saya telah mengimplementasikan react-pivottablehanya ingin tahu apakah ada cara untuk menampilkan seluruh kumpulan data dalam tampilan tabel data jQuery yaitu, saya punya beberapa kolom yang ingin menampilkan semuanya dalam tampilan tabular untuk data berikut di bawah ini [ 'SRN', 'MainSystemType', 'MagnetType', 'MagnetCoverType', 'MagnetRMMUType', 'MagnetHighOrderShimPowerSupply', 'GradientAmplifierType', 'GradientInterfaceType', 'GradientSwitchType', 'RFSystemB1FieldSystem', 'RFSystemFrontendInterface', 'CabinetsDasCabinet', …

9 jquery  reactjs  database  datatable  pivot-table 

Saya memiliki layanan api di mana saya memiliki metode berbeda untuk melakukan panggilan ke API. Saya telah berhasil menguji semua permintaan GET tetapi saya mengalami masalah dalam menguji permintaan POST. Inilah metodenya: export default class ApiService { static makeApiCall = <T>( url: string, oneCb: <T>(d: Data) => T, secondCb: (d: …

9 javascript  reactjs  testing  ecmascript-6  jestjs 

Saya mencoba beberapa unit pengujian, saya membuat kotak pasir dengan contoh palsu https://codesandbox.io/s/wizardly-hooks-32w6l (pada kenyataannya saya memiliki formulir) class App extends React.Component { constructor(props) { super(props); this.state = { number: 0 }; } handleSubmit = (number1, number2) => { this.setState({ number: this.handleMultiply(number1, number2) }) } handleMultiply = (number1, number2) => …

9 javascript  reactjs  jestjs 

Saya mencoba untuk membuka bundel, tetapi ketika android sedang berjalan itu menunjukkan pesan berikutnya 2020-01-05 23: 15: 45.366 26210-26210 / com.note.principal W / .note.principa: Mengakses bidang tersembunyi Landroid / view / View; -> mAccessibilityDelegate: Landroid / view / View $ AccessibilityDelegate; (light greylist, reflection) 2020-01-05 23: 15: 45.470 26210-26242 / …

9 javascript  android  reactjs  react-native  gradle 

Jadi, saya sedang mencari jawaban untuk pertanyaan ini dan menemukan bahwa ketika mengimpor, 'Bereaksi' tidak perlu berada di {} karena ini adalah ekspor default dan bukan ekspor bernama, Yah itu benar, tapi saya juga melihat bahwa ketika mengimpor ekspor default, kita dapat menggunakan nama apa pun untuk impor. Tetapi dalam …

9 javascript  reactjs