«redux» etiketlenmiş sorular

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) …

97 javascript  redux  spread-syntax 

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 …

95 javascript  reactjs  redux  react-redux 

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 …

95 reactjs  redux  react-redux 

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 …

94 reactjs  redux  react-redux 

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 …

93 reactjs  redux  redux-thunk  redux-promise 

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ı …

93 reactjs  redux  react-redux 

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 …

93 javascript  redux  state-machine  xstate 

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.

92 javascript  reactjs  redux  visual-studio-code  yarnpkg 

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 

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; …

91 reactjs  typescript  redux  electron  jsx 

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?

91 javascript  reactjs  redux 

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 …

91 javascript  reactjs  redux 

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 …

91 javascript  reactjs  async-await  redux 

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ı …

90 javascript  reactjs  redux 

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: [ ] …

88 javascript  reactjs  redux