Tertutup . Pertanyaan ini perlu lebih difokuskan . Saat ini tidak menerima jawaban. Ingin memperbaiki pertanyaan ini? Perbarui pertanyaan agar fokus pada satu masalah hanya dengan mengedit posting ini . Tutup 3 tahun lalu . Perbaiki pertanyaan ini...
Saya baru mengenal React Router dan mengetahui bahwa ada begitu banyak cara untuk mengarahkan ulang halaman: Menggunakan browserHistory.push("/path") import { browserHistory } from 'react-router'; //do something... browserHistory.push("/path"); Menggunakan
Bagaimana Anda bisa mencapai event hover atau event aktif di ReactJS saat Anda melakukan gaya inline? Saya telah menemukan bahwa pendekatan onMouseEnter, onMouseLeave bermasalah, jadi berharap ada cara lain untuk melakukannya. Khususnya, jika Anda mengarahkan mouse ke sebuah komponen dengan...
Saya menginisialisasi i18nobjek terjemahan sekali dalam sebuah komponen (komponen pertama yang dimuat dalam aplikasi). Objek yang sama diperlukan di semua komponen lainnya. Saya tidak ingin menginisialisasi ulang di setiap komponen. Bagaimana jalannya? Membuatnya tersedia untuk lingkup jendela...
Saya memiliki masalah di mana perenderan ulang keadaan menyebabkan masalah ui dan disarankan untuk hanya memperbarui nilai tertentu di dalam peredam saya untuk mengurangi jumlah perenderan ulang pada halaman. ini adalah contoh negara saya { name: "some name", subtitle: "some subtitle",...
Saya sedang merender daftar posting. Untuk setiap posting saya ingin membuat tag anchor dengan id posting sebagai bagian dari string href. render: function(){ return ( <ul> { this.props.posts.map(function(post){ return <li key={post.id}><a
Saya memiliki satu peredam untuk Klien, satu lagi untuk AppToolbar dan beberapa lainnya ... Sekarang katakanlah saya membuat tindakan pengambilan untuk menghapus klien, dan jika gagal saya memiliki kode di peredam Klien yang seharusnya melakukan beberapa hal, tetapi saya juga ingin menampilkan...
Saya membuat aplikasi dengan ReactNative baik untuk iOS dan android dengan file ListView. Saat mengisi listview dengan sumber data yang valid, peringatan berikut dicetak di bagian bawah layar: Peringatan: Setiap anak dalam larik atau iterator harus memiliki properti "kunci" yang unik. Periksa...
Jadi, inilah alur kerja saya saat ini untuk mengimpor gambar dan ikon di webpack melalui ES6: import cat from './images/cat1.jpg' import cat2 from './images/cat2.svg' import doggy from './images/doggy.png' import turtle from './images/turtle.png' <img src={doggy} /> Ini menjadi cepat...
Saya baru di react.js Saya telah menerapkan satu komponen di mana saya mengambil data dari server dan menggunakannya seperti, CallEnterprise:function(TenantId){ fetchData('http://xxx.xxx.xx.xx:8090/Enterprises?TenantId='+TenantId+' &format=json').then(function(enterprises) {...
Apa perbedaan antara loader dan plugin di webpack? The dokumentasi untuk plugin hanya mengatakan: Gunakan plugin untuk menambahkan fungsionalitas yang biasanya terkait dengan bundel di webpack. Saya tahu bahwa babel menggunakan loader untuk transformasi jsx / es2015, tetapi sepertinya tugas...
Setiap kali saya mencoba menggunakan ikon Font Awesome di React's render(), itu tidak ditampilkan di halaman web yang dihasilkan meskipun berfungsi dalam HTML normal. render: function() { return <div><i class="fa fa-spinner fa-spin">no spinner but
Adakah cara untuk mencegah agar tidak /#/muncul di bilah alamat browser saat menggunakan react-router? Itu dengan ReactJS. yaitu Mengklik link untuk pergi ke acara rute baru localhost:3000/#/atau localhost:3000/#/about. Tergantung
Apa saja komponen terkontrol dan komponen tak terkontrol di ReactJS? Bagaimana mereka berbeda satu sama lain?
Tanpa menggunakan class, bagaimana cara menggunakan PropTypes dalam komponen stateless fungsional react? export const Header = (props) => (
Apa cara yang benar untuk memperbarui status, apakah objek bersarang, di React with Hooks? export Example = () => { const [exampleState, setExampleState] = useState( {masterField: { fieldOne: "a", fieldTwo: { fieldTwoOne: "b" fieldTwoTwo: "c" } } }) Bagaimana cara yang digunakan...
Saya mengalami sedikit masalah saat bermigrasi dari React-Router v3 ke v4. di v3 saya bisa melakukan ini di mana saja: import { browserHistory } from 'react-router'; browserHistory.push('/some/path'); Bagaimana cara mencapai ini di v4. Saya tahu bahwa saya dapat menggunakan, hoc withRouter,...
Katakanlah saya memiliki komponen tampilan yang memiliki render bersyarat: render(){ if (this.state.employed) { return ( <div> <MyInput ref="job-title" name="job-title" /> </div> ); } else { return ( <div> <MyInput ref="unemployment-reason"
Saya menjalankan lint dengan aplikasi React saya, dan saya menerima kesalahan ini: error JSX props should not use arrow functions react/jsx-no-bind Dan di sinilah saya menjalankan fungsi panah (di dalam onClick): {this.state.photos.map(tile => ( <span key={tile.img}> <Checkbox...
Sesuatu yang sesederhana ini seharusnya dapat dengan mudah dilakukan, namun saya berusaha menjelaskan betapa rumitnya hal itu. Yang ingin saya lakukan adalah menganimasikan proses pemasangan & pelepasan komponen React, itu saja. Inilah yang telah saya coba sejauh ini dan mengapa setiap...