Saya menulis ulang aplikasi saya untuk menggunakan Flux dan saya memiliki masalah dengan mengambil data dari Toko. Saya memiliki banyak komponen, dan mereka banyak bersarang. Beberapa di antaranya besar ( Article), beberapa kecil dan sederhana ( UserAvatar, UserLink). Saya telah berjuang dengan...
Saya menerapkan contoh dari https://github.com/moroshko/react-autosuggest Kode penting seperti ini: import React, { Component } from 'react'; import suburbs from 'json!../suburbs.json'; function getSuggestions(input, callback) { const suggestions = suburbs .filter(suburbObj =>...
Katakanlah saya memiliki toggle sederhana: Saat saya mengklik tombol, komponen Color berubah antara merah dan biru Saya mungkin mencapai hasil ini dengan melakukan sesuatu seperti ini. index.js Button: onClick={()=>{dispatch(changeColor())}} Color: this.props.color ? blue :...
Dalam javascript lama biasa saya memiliki DIV <div class="movie" id="my_movie"> dan kode javascript berikut var myMovie = document.getElementById('my_movie'); myMovie.addEventListener('nv-enter', function (event) { console.log('change scope'); }); Sekarang saya memiliki Komponen...
Ini angkanya min + gzip 26k gzip 90k asli 450 + k Dan React tidak memiliki banyak fitur dalam dokumentasinya. Mengapa begitu besar? Saya merasa ini adalah penerapan DOM ringan. Tapi saya ingin memastikan.
Saya telah menguji aplikasi React.js saya di internet explorer, dan menemukan bahwa beberapa kode ES6 / 7 seperti Array.prototype.includes()memecahkannya. Saya menggunakan create-react-app , dan tampaknya mereka telah memilih untuk tidak menyertakan banyak polyfill karena tidak semua orang...
Saya memiliki reactjsaplikasi yang ditulis menggunakan standar ES6, dan saya gunakan webpackuntuk membangunnya. The webpackbeban yang jsmodul menggunakan babel-loader. Untuk lebih spesifik, saya menggunakan versi paket berikut: ├── [email protected] ├── [email protected] ├── [email protected]...
Masalah Saya mengatur react refmenggunakan definisi fungsi inline render = () => { return ( <div className="drawer" ref={drawer => this.drawerRef = drawer}> maka componentDidMountreferensi DOM tidak disetel componentDidMount = () => { // this.drawerRef is not...
Saat mengembangkan dengan create-react-app, browser saya memasuki mode debugger pada peringatan: Itu rusak pada kode sumber react-dev-tools: // --- Welcome to debugging with React DevTools --- // This debugger statement means that you've enabled the "break on warnings" feature. // Use the...
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...
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...
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,...
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
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'...
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') //...
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...
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...
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...
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 (...
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...