Pertanyaan yang diberi tag «redux»

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 (addTodo ()). Saya menyebutnya addingTodo(). Sesuatu seperti ini: import React from 'react'; import {connect} from 'react-redux'; import addTodo …

95 javascript  reactjs  redux  react-redux 

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 akal. Dalam komponen react yang berlangganan toko redux, melalui sesuatu seperti store.subscribe(render), itu jelas merender …

94 reactjs  redux  react-redux 

Saya sedang mengerjakan proyek di Bereaksi dan mengalami masalah yang membuat saya bingung. Setiap kali saya menjalankan yarn startsaya mendapatkan kesalahan ini: TypeError [ERR_INVALID_ARG_TYPE]: Argumen "path" harus dari tipe string. Jenis yang diterima tidak ditentukan Saya tidak tahu mengapa ini terjadi, jika ada yang pernah mengalami ini, saya akan berterima …

93 javascript  reactjs  redux  visual-studio-code  yarnpkg 

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 mekanisme saat Action melontarkan pengecualian untuk hanya mengirimkan objek biasa. …

93 reactjs  redux  redux-thunk  redux-promise 

Dokumen Redux untuk bindActionCreators menyatakan bahwa: Satu-satunya kasus penggunaan bindActionCreatorsadalah ketika Anda ingin meneruskan beberapa pembuat tindakan ke komponen yang tidak mengetahui Redux, dan Anda tidak ingin meneruskan pengiriman atau penyimpanan Redux ke sana. Apa contoh yang bindActionCreatorsakan digunakan / dibutuhkan? Jenis komponen apa yang tidak mengetahui Redux ? Apa …

93 reactjs  redux  react-redux 

Prinsip pertama dari dokumentasi Redux adalah: Status seluruh aplikasi Anda disimpan dalam pohon objek dalam satu penyimpanan. Dan saya benar-benar berpikir bahwa saya memahami semua kepala sekolah dengan baik. Tapi sekarang saya bingung apa artinya aplikasi. Jika aplikasi berarti hanya satu dari bagian kecil yang rumit dalam situs web dan …

92 reactjs  redux  flux 

Saya sedang mengerjakan proyek dengan Typecript, React dan Redux (semua berjalan di Electron), dan saya mengalami masalah ketika saya memasukkan satu komponen berbasis kelas ke komponen lain dan mencoba untuk melewatkan parameter di antara mereka. Secara longgar, saya memiliki struktur berikut untuk komponen container: class ContainerComponent extends React.Component<any,any> { .. …

91 reactjs  typescript  redux  electron  jsx 

Saya berjuang untuk mencari tahu masalah dengan sintaks berikut: export const sendVerificationEmail = async () => (dispatch) => { try { dispatch({ type: EMAIL_FETCHING, payload: true }); await Auth.sendEmailVerification(); dispatch({ type: EMAIL_FETCHING, payload: false })) } catch (error) { dispatch({ type: EMAIL_FETCHING, payload: false }); throw new Error(error); } }; …

91 javascript  reactjs  async-await  redux 

Saya memiliki tes unit untuk saya reducers . Namun, saat saya men-debug di browser, saya ingin memeriksa apakah tindakan saya telah dipanggil dengan benar dan apakah status telah dimodifikasi dengan semestinya. Saya mencari sesuatu seperti: window._redux.store ... di browser sehingga saya dapat mengetiknya di konsol dan memeriksa bagaimana keadaannya. Bagaimana …

91 javascript  reactjs  redux 

Saya biasanya memposting hal-hal terkait kode di Stack, tetapi ini lebih merupakan pertanyaan tentang apa pendapat umum komunitas. Tampaknya ada banyak orang yang menganjurkan penggunaan Redux dengan React untuk mengelola data / status, tetapi saat membaca dan mempelajari keduanya, saya menemukan sesuatu yang tidak terlihat benar. Redux Di bagian bawah …

90 javascript  reactjs  redux 

Saya mencoba memisahkan komponen presentasi dari komponen wadah. Saya memiliki a SitesTabledan a SitesTableContainer. Penampung bertanggung jawab untuk memicu tindakan redux untuk mengambil situs yang sesuai berdasarkan pengguna saat ini. Masalahnya adalah pengguna saat ini diambil secara asinkron, setelah komponen penampung dirender pada awalnya. Ini berarti bahwa komponen penampung tidak …

90 reactjs  redux  react-redux 

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 : red container.js connect(mapStateToProps)(indexPage) action_creator.js function changeColor(){ return {type: 'CHANGE_COLOR'} } reducer.js switch(){ case 'CHANGE_COLOR': return {color: …

89 javascript  reactjs  redux 

Saya telah melalui definisi keduanya seperti: Fungsi murni adalah fungsi yang tidak berusaha mengubah inputnya, dan selalu mengembalikan hasil yang sama untuk input yang sama. Contoh function sum(a, b) { return a + b; } Dan fungsi yang tidak murni adalah yang mengubah inputnya sendiri. Contoh function withdraw(account, amount) { …

12 javascript  reactjs  redux 

Saya ingin memahami apa yang lebih umum atau cara penanganan kesalahan yang benar dengan React-Redux. Misalkan, saya memiliki komponen pendaftaran nomor telepon. Komponen itu melempar kesalahan mengatakan jika nomor telepon input tidak valid Apa yang akan menjadi cara terbaik untuk menangani kesalahan itu? Ide 1: Buat komponen, yang mengambil kesalahan …

11 reactjs  redux 

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