Pertanyaan yang diberi tag «reactjs»

Saya memiliki halaman web yang kompleks menggunakan komponen React, dan saya mencoba untuk mengubah halaman dari tata letak statis menjadi tata letak yang lebih responsif dan dapat diubah ukurannya. Namun, saya terus mengalami keterbatasan dengan React, dan bertanya-tanya apakah ada pola standar untuk menangani masalah ini. Dalam kasus khusus saya, …

86 javascript  reactjs  responsive 

Cara memperbaikinya Could not find plugin "proposal-numeric-separator", saya mendapatkan kesalahan ini ketika saya mencoba membangun aplikasi Bereaksi saya, saya belum mengeluarkan aplikasi tersebut: ./src/index.js Error: [BABEL] /home/pc/Downloads/project/src/index.js: Could not find plugin "proposal-numeric-separator". Ensure there is an entry in ./available-plugins.js for it. (While processing: "/home/pc/Downloads/project/node_modules/babel-preset-react-app/index.js$0") at Array.map (<anonymous>) at Generator.next (<anonymous>) …

61 reactjs  build  yarnpkg 

Setelah meningkatkan ke reaksi-asli 0,61 saya mendapatkan banyak peringatan seperti itu: VirtualizedLists should never be nested inside plain ScrollViews with the same orientation - use another VirtualizedList-backed container instead. Apa VirtualizedList-backed containeryang harus saya gunakan, dan mengapa sekarang disarankan untuk tidak menggunakan seperti itu?

39 javascript  reactjs  react-native 

Cara standar untuk menggunakan Hook React useState adalah sebagai berikut: const [count, setCount] = useState(0); Namun const countvariabel ini jelas akan dipindahkan ke nilai primitif yang berbeda. Lalu mengapa variabel tidak didefinisikan sebagai let count?

33 javascript  reactjs  ecmascript-6  react-hooks 

Inilah masalahnya: Saya mencoba memanggil 2 fungsi dengan mengklik tombol. Kedua fungsi memperbarui status (Saya menggunakan hook useState). Fungsi pertama memperbarui value1 dengan benar ke 'baru 1', tetapi setelah fungsi 1s (setTimeout) kedua diaktifkan, dan ia mengubah nilai 2 menjadi 'baru 2' TETAPI! Ini mengatur value1 kembali ke '1'. Mengapa …

31 javascript  reactjs  react-hooks 

Saya sedang mengembangkan aplikasi boot semi-reaksi sederhana, tetapi karena masalah GitHub, saya membuat ulang file aplikasi pemula saya menggunakan IntelliJ dan menginstal modul node menggunakan data dependensi package.json file aplikasi sebelumnya. Jika saya menggunakan bilah navigasi yang menyusut (bilah hamburger -> navbar responsif yang runtuh pada tampilan seluler) dan klik …

27 javascript  jquery  reactjs  bootstrap-4 

Saya mencoba mencari cara menggunakan pendengar Firebase agar data cloud firestore di-refresh dengan pembaruan kait reaksi. Awalnya, saya membuat ini menggunakan komponen kelas dengan fungsi componentDidMount untuk mendapatkan data firestore. this.props.firebase.db .collection('users') // .doc(this.props.firebase.db.collection('users').doc(this.props.firebase.authUser.uid)) .doc(this.props.firebase.db.collection('users').doc(this.props.authUser.uid)) .get() .then(doc => { this.setState({ name: doc.data().name }); // loading: false, }); } Itu rusak …

27 javascript  reactjs  firebase  google-cloud-firestore  react-hooks 

Saya menggunakan aplikasi Bereaksi tetapi saya mendapatkan kesalahan aneh ketika saya mengunjungi halaman melalui https. Ketika saya mengunjungi halaman lebih dari https saya menerima kesalahan berikut: SecurityError: Gagal membuat 'WebSocket': Koneksi WebSocket yang tidak aman mungkin tidak dimulai dari halaman yang dimuat melalui HTTPS. Tetapi ketika saya pergi ke halaman …

25 node.js  reactjs 

pada react-native init ProjectName, file aplikasi utamaApp.js berisi deklarasi komponen dengan cara berikut: const App: () => React$Node = () => {...} Apa artinya instruksi ini? Maksudku, aku sudah terbiasa dengan komponen yang didefinisikan const App = () => {...}, jadi aku tidak mengerti, khususnya, ekspresi di antaranya : () …

23 javascript  reactjs  react-native 

Untuk beberapa alasan, saya tidak bisa membuat datepicker material-ui bekerja. Setiap kali datepicker di-render dalam React, kesalahan berikut dilemparkan: RangeError: Format string berisi karakter alfabet latin yang tidak terhapus n Saya telah membuat stackblitz hanya dengan datepicker ( https://stackblitz.com/edit/react-6ma6xd?embed=1&file=index.js ) dan bahkan di sana kesalahannya muncul. Apa yang saya lakukan …

19 javascript  reactjs  material-ui  material-ui-pickers 

Saya baru menggunakan React, jadi ini mungkin sangat sederhana untuk dicapai tetapi saya tidak bisa mengetahuinya sendiri meskipun saya sudah melakukan penelitian. Maafkan saya jika ini terlalu bodoh. Konteks Saya menggunakan Inertia.js dengan adapter Laravel (backend) dan React (front-end). Jika Anda tidak tahu Inersia, itu pada dasarnya: Inertia.js memungkinkan Anda …

19 javascript  reactjs  promise  inertia 

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 kesalahan ini: Uncaught TypeError: Cannot read property …

18 reactjs  react-router  react-hooks  react-router-dom  react-context 

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 * as router from 'react-router'; import { QuestionContainer } …

18 reactjs  typescript  react-router  jestjs  enzyme 

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 {...params} label="Combo box" variant="outlined" fullWidth /> )} /> Saya mengerti cara kerjanya, tetapi saya tidak yakin bagaimana saya seharusnya mendapatkan nilai yang dipilih. Misalnya, …

17 javascript  reactjs  material-ui 

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 memperbarui beberapa paket di aplikasi A, yang memiliki beberapa …

16 reactjs  npm  webpack  next.js