Saya baru mengenal Perpustakaan React.js dan saya telah mempelajari beberapa tutorial dan saya menemukan: this.setState this.replaceState Deskripsi yang diberikan tidak terlalu jelas (IMO). setState is done to 'set' the state of a value, even if its already set in the 'getInitialState'...
Saya ingin memanggil metode yang diekspos oleh komponen React dari instance Elemen React. Misalnya, di jsfiddle ini . Saya ingin memanggil alertMessagemetode dari HelloElementreferensi. Adakah cara untuk mencapai ini tanpa harus menulis pembungkus tambahan? Edit (kode disalin dari...
Saya sangat baru mengenal webpack, saya menemukan bahwa dalam produksi build kami dapat mengurangi ukuran kode secara keseluruhan. Saat ini webpack membuat sekitar 8MB file dan main.js sekitar 5MB. Bagaimana cara mengurangi ukuran kode dalam produksi build? Saya menemukan contoh file konfigurasi...
sebelum memposting pertanyaan ini, saya mencoba mencari di sqa stackexchange tetapi saya tidak menemukan posting tentang dangkal dan membuat di sana, jadi saya harap seseorang dapat membantu saya di sini. Kapan saya harus menggunakan shallow dan render dalam pengujian komponen react?...
Saya membongkar contoh todo Redux untuk mencoba memahaminya. Saya membaca bahwa mapDispatchToPropsmemungkinkan Anda untuk memetakan tindakan pengiriman sebagai alat peraga, jadi saya berpikir untuk menulis ulang addTodo.jsuntuk menggunakan mapDispatchToProps daripada memanggil pengiriman...
Saya memiliki pustaka komponen yang saya tulis untuk unit test menggunakan Jest dan react-testing-library. Berdasarkan alat peraga atau peristiwa tertentu, saya ingin memverifikasi bahwa elemen tertentu tidak dirender. getByText,, getByTestIddll. melempar dan membuat kesalahan
Menurut dokumen: componentDidUpdate()dipanggil segera setelah pembaruan terjadi. Metode ini tidak dipanggil untuk render awal. Kita bisa menggunakan useEffect()hook baru untuk mensimulasikan componentDidUpdate(), tetapi sepertinya useEffect()dijalankan setelah setiap render, bahkan untuk...
Saya mengharapkan status untuk memuat ulang pada perubahan alat peraga, tetapi ini tidak berfungsi dan uservariabel tidak diperbarui pada useStatepanggilan berikutnya , apa yang salah? function Avatar(props) { const [user, setUser] = React.useState({...props.user}); return user.avatar ?...
Ketika saya mempelajari HTML dari beberapa halaman, saya melihat bahwa beberapa di antaranya menggunakan atribut "data-reactid" seperti: <a data-reactid="......" ></a> Apa atribut itu dan apa fungsinya?
Saya kadang-kadang bereaksi komponen yang secara konseptual stateful yang ingin saya setel ulang. Perilaku ideal akan sama dengan menghapus komponen lama dan membaca komponen baru yang asli. React menyediakan metode setStateyang memungkinkan pengaturan status eksplisit komponen, tetapi tidak...
Saya mencoba membuat formulir sederhana dengan react, tetapi menghadapi kesulitan karena data terikat dengan benar ke defaultValue formulir. Perilaku yang saya cari adalah ini: Saat saya membuka halaman saya, bidang input Teks harus diisi dengan teks AwayMessage saya di database saya. Itu...
Saya mencoba membuat ReactJS berfungsi dengan rel menggunakan tutorial ini . Saya mendapatkan kesalahan ini: Uncaught ReferenceError: React is not defined Tetapi saya dapat mengakses objek React di konsol browser. Saya juga menambahkan public / dist / turbo-react.min.js seperti yang...
Saya mungkin melewatkan sesuatu yang sangat jelas dan ingin membersihkan diri. Berikut pemahaman saya. Dalam komponen reaksi naif, kita memiliki states& props. Memperbarui statedengan setStatemerender ulang seluruh komponen. propskebanyakan hanya baca dan memperbaruinya tidak masuk...
Pada dasarnya saya punya komponen react, render()fungsinya body-nya seperti di bawah ini: (Ini ideal saya, yang artinya saat ini tidak berfungsi) render(){ return ( <div> <Element1/> <Element2/> // note: code does not work here if (this.props.hasImage) <MyImage />...
Ini proyek saya: https://github.com/kenpeter/my_hak_news , yang merupakan salinan langsung dari https://github.com/grigio/HAgnostic-News . Git clone https://github.com/kenpeter/my_hak_news , lalu jalankanreact-native run-android Punya kesalahan ini: * What went wrong: Execution failed for...
Saya baru di ReactJS dan saya ingin mengimpor gambar dalam sebuah komponen. Gambar-gambar ini ada di dalam folder publik dan saya tidak tahu cara mengakses folder dari komponen react. Ada ide? EDIT Saya ingin mengimpor gambar di dalam Bottom.js atau Header.js Folder strukturnya...
Selain kemampuan untuk menyetel "activeClassName" dan "activeStyle" di NavLink, adakah alasan untuk menggunakan NavLink melalui Link saat membuat link ke rute lain pada elemen non-navigasi (yaitu, bukan navigasi utama di header atau footer) di situs Anda yang tidak membutuhkan status / kelas...
Saya ingin menyertakan / menghilangkan atribut nonaktif secara dinamis pada elemen tombol. Saya telah melihat banyak contoh nilai atribut dinamis, tetapi tidak dari atribut itu sendiri. Saya memiliki fungsi render berikut: render: function() { var maybeDisabled = AppStore.cartIsEmpty() ?...
Saya hanya dapat melihat aplikasi sebenarnya di bawah /public. Konfigurasi di webpack.config.jsbawah ini: var path = require('path'); var webpack = require('webpack'); module.exports = { entry: [ 'webpack-dev-server/client?http://localhost:8080', 'webpack/hot/only-dev-server',...
Sejauh yang saya tahu dan mengoreksi saya jika saya salah, redux-thunk adalah middleware yang membantu kami mengirimkan fungsi async dan nilai debug dalam tindakan itu sendiri sementara ketika saya menggunakan redux-promise saya tidak dapat membuat fungsi async tanpa menerapkannya sendiri...