«redux» etiketlenmiş sorular

Redux, Flux tasarım modeline dayanan JavaScript uygulamaları için öngörülebilir bir durum konteyneri.

3
İd ile anahtarlanmış nesneye karşı nesne dizisi olarak durum
Durum Şeklini Tasarlama bölümünde , dokümanlar durumunuzu ID ile anahtarlanmış bir nesnede tutmanızı önerir: Her varlığı anahtar olarak bir ID ile depolanan bir nesnede tutun ve diğer varlıklardan veya listelerden buna referans vermek için ID'leri kullanın. Eyalete giderler Uygulamanın durumunu bir veritabanı olarak düşünün. Bazıları açılacak (bir açılır pencerede görüntüleniyorlar) …

1
Redux'te mapStateToProps olmadan mapDispatchToProps yapabilir miyim?
Redux'un yapılacaklar örneğini anlamaya çalışmak için parçalara ayırıyorum. mapDispatchToPropsSevk eylemlerini props olarak eşleştirmenize izin verdiğini okudum , bu yüzden addTodo.jsdispatch (addTodo ()) yerine mapDispatchToProps kullanmak için yeniden yazmayı düşündüm . Ben aradım addingTodo(). Bunun gibi bir şey: import React from 'react'; import {connect} from 'react-redux'; import addTodo from '../actions'; let …

6
Prop değiştiğinde React bileşenini yeniden işleyin
Sunumsal bir bileşeni bir konteyner bileşeninden ayırmaya çalışıyorum. Bir SitesTableve bir var SitesTableContainer. Konteyner, mevcut kullanıcıya bağlı olarak uygun siteleri getirmek için yeniden düzenleme eylemlerini tetiklemekten sorumludur. Sorun, kapsayıcı bileşeni başlangıçta oluşturulduktan sonra mevcut kullanıcının eşzamansız olarak getirilmesidir. Bu, kapsayıcı bileşeninin, componentDidMountişlevindeki kodu SitesTable,. Props'larından (kullanıcı) biri değiştiğinde konteyner bileşenini …

4
Redux bağlantılı bir bileşen ne zaman yeniden oluşturulacağını nasıl bilir?
Muhtemelen çok bariz bir şeyi kaçırıyorum ve kendimi temizlemek istiyorum. İşte benim anlayışım. Saf bir tepki bileşeninde states& var props. Güncellenmesi stateile setStatetüm bileşeni yeniden oluşturur. propsçoğunlukla salt okunurdur ve bunları güncellemek bir anlam ifade etmez. Bir store.subscribe(render)yeniden satış mağazasına abone olan bir tepki bileşeninde , bunun gibi bir şey …

3
Redux-thunk ve redux-promise arasındaki fark nedir?
Bildiğim ve hatalıysam beni düzelttiğim kadarıyla, redux-thunk , eşzamansız işlevi göndermemize ve eylemin kendisinde değerleri hata ayıklamamıza yardımcı olan bir ara yazılımdır , ancak yeniden uyarlama sözünü kullandığımda eşzamansız işlevler oluşturamazken kendi işlevimi uygulamadan Action olarak mekanizma, yalnızca düz nesnelerin gönderilmesine ilişkin bir istisna atar. Bu iki paket arasındaki temel …

9
BindActionCreators react / redux'te ne zaman kullanılır?
BindActionCreators için Redux belgeleri şunları belirtir: Bunun için tek kullanım durumu bindActionCreators, bazı eylem yaratıcılarını Redux'un farkında olmayan bir bileşene aktarmak istediğinizde ve sevkıyat veya Redux mağazasını ona iletmek istemediğinizde. Nerede bindActionCreatorskullanılacak / ihtiyaç duyulacak bir örnek ne olabilir? Hangi tür bileşen Redux'tan haberdar olmaz ? Her iki seçeneğin avantajları …

2
Redux ve bir durum makinesi (örneğin xstate) arasındaki gerçek fark nedir?
Orta karmaşıklıkta bir ön uç uygulamasının araştırılması üzerinde çalışıyorum. Şu anda tamamen javascript ile yazılmıştır, bu uygulamanın birkaç ana bölümünü birbirine bağlayan birçok farklı olay tabanlı mesaja sahiptir. Daha fazla yeniden düzenleme kapsamında bu uygulama için bir tür devlet konteyneri uygulamaya ihtiyacımız olduğuna karar verdik. Daha önce redux ve ngrx …

9
TypeError [ERR_INVALID_ARG_TYPE]: "path" bağımsız değişkeni, string türünde olmalıdır. Reaksiyon uygulaması başlatılırken alınan tür tanımsız yükseltildi
React'teki bir proje üzerinde çalışıyorum ve beni rahatsız eden bir sorunla karşılaştım. Ne zaman çalıştırırsam yarn startbu hatayı alıyorum: TypeError [ERR_INVALID_ARG_TYPE]: "Yol" bağımsız değişkeni, string türünde olmalıdır. Alınan tip tanımsız Bunun neden olduğu hakkında hiçbir fikrim yok, eğer birisi bunu yaşarsa minnettar olurum.

3
Yenileme sırasında yeniden düzenleme durum ağacını nasıl sürdürebilirim?
Redux dokümantasyonunun ilk sorumlusu: Tüm uygulamanızın durumu, tek bir depodaki bir nesne ağacında saklanır. Ve aslında tüm müdürleri iyi anladığımı düşündüm. Ama şimdi uygulamanın ne anlama geldiğini kafam karıştı. Uygulama, web sitesinde yalnızca küçük karmaşık bir bölüm anlamına geliyorsa ve yalnızca bir sayfada çalışıyorsa, anlıyorum. Peki ya uygulama tüm web …
92 reactjs  redux  flux 

2
Typescript + React / Redux: "XXX" özelliği 'IntrinsicAttributes & IntrinsicClassAttributes türünde mevcut değil
Typescript, React ve Redux ile bir proje üzerinde çalışıyorum (hepsi Electron'da çalışıyor) ve bir sınıfa dayalı bileşeni diğerine dahil ettiğimde ve aralarında parametreleri geçirmeye çalıştığımda bir sorunla karşılaşıyorum. Kabaca konuşursak, konteyner bileşeni için aşağıdaki yapıya sahibim: class ContainerComponent extends React.Component<any,any> { .. render() { const { propToPass } = this.props; …

9
Hata ayıklama sırasında tarayıcı konsolundan Redux mağazasına erişebilir miyim?
Benim için birim testlerim var reducers. Ancak, tarayıcıda hata ayıklarken, eylemlerimin doğru şekilde çağrılıp çağrılmadığını ve durumun buna göre değiştirilip değiştirilmediğini kontrol etmek istiyorum. Şunun gibi bir şey arıyorum: window._redux.store ... tarayıcıda, böylece konsola yazabilir ve işlerin nasıl gittiğini kontrol edebilirim. Bunu nasıl başarabilirim?

3
Redux ile tepki mi vereceksiniz? Peki ya 'bağlam' sorunu?
Normalde Stack'e kodla ilgili şeyler gönderirim, ancak bu daha çok topluluğun genel düşüncelerinin ne olduğu ile ilgili bir soru. Verileri / durumu yönetmek için React ile Redux kullanımını savunan birçok insan var gibi görünüyor, ancak her ikisini de okurken ve öğrenirken pek de doğru görünmeyen bir şeyle karşılaştım. Redux Bu …

1
Await, eşzamansız işlev içinde ayrılmış bir kelime hatasıdır
Aşağıdaki sözdizimi ile sorunu çözmekte zorlanıyorum: 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); } }; Sürekli şunu söyleyerek …

4
React-Redux: Tüm bileşen durumları Redux Mağazasında tutulmalı mı
Basit bir geçişim olduğunu varsayalım: Düğmeye tıkladığımda, Renk bileşeni kırmızı ve mavi arasında değişiyor Böyle bir şey yaparak bu sonuca ulaşabilirim. 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'} } redüktör.js switch(){ case 'CHANGE_COLOR': return {color: true} ama bu jQuery, bazı …

8
Redux redüktör içindeki duruma nasıl erişilir?
Bir indirgeyicim var ve yeni durumu hesaplamak için eylemden verilere ve ayrıca devletin bu indirgeyici tarafından yönetilmeyen bir bölümünden verilere ihtiyacım var. Özellikle aşağıda göstereceğim redüktörde accountDetails.stateOfResidenceIdsahaya girmem gerekiyor . initialState.js: export default { accountDetails: { stateOfResidenceId: '', accountType: '', accountNumber: '', product: '' }, forms: { blueprints: [ ] …

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.