«redux» etiketlenmiş sorular

Kapalı . Bu soru görüş temelli . Şu anda cevapları kabul etmiyor. Geçen yıl kapalı . Kilitli . Bu soru ve cevapları kilitlidir çünkü soru konu dışıdır, ancak tarihsel önemi vardır. Şu anda yeni yanıtları veya etkileşimleri kabul etmiyor. Bu yanıtı okudum , kaynatma plakasını azalttım , birkaç GitHub örneğine …

1126 javascript  reactjs  reactjs-flux  flux  redux 

Uygulamamın bildirim durumunu güncelleyen bir işlemim var. Genellikle, bu bildirim bir tür hata veya bilgi olacaktır. Sonra 5 saniye sonra başka bir eylem göndermek gerekir bildirimi başlangıç ​​durumuna dönecek, böylece hiçbir bildirim. Bunun temel nedeni, bildirimlerin 5 saniye sonra otomatik olarak kaybolması için işlevsellik sağlamaktır. Kullanmak setTimeoutve başka bir eylem …

891 javascript  redux  react-redux  timeout 

Dokümanlara göre, "Ara yazılım olmadan, Redux deposu yalnızca senkronize veri akışını destekler" . Neden böyle olduğunu anlamıyorum. Kapsayıcı bileşeni neden zaman uyumsuz API'yı ve ardından dispatchişlemleri çağıramıyor? Örneğin, basit bir kullanıcı arayüzü hayal edin: bir alan ve bir düğme. Kullanıcı düğmeye bastığında, alan uzak bir sunucudan alınan verilerle doldurulur. import …

686 javascript  asynchronous  reactjs  redux  redux-thunk 

Şu anda redux kasabasındaki son çocuk, redux-saga / redux-saga hakkında çok fazla konuşma var . İşlemleri dinlemek / göndermek için jeneratör işlevlerini kullanır. Başımı etrafına sarmadan önce , async / await ile redux-sagakullandığım aşağıdaki yaklaşım yerine kullanmanın artılarını / eksilerini bilmek istiyorum redux-thunk. Bir bileşen böyle görünebilir, her zamanki gibi …

488 javascript  reactjs  redux  redux-thunk  redux-saga 

Devlet yönetimi için Redux kullanıyorum. Mağazayı başlangıç ​​durumuna nasıl sıfırlarım? Örneğin, iki kullanıcı hesabım ( u1ve u2) olduğunu varsayalım . Aşağıdaki olay sırasını düşünün: Kullanıcı u1uygulamada oturum açar ve bir şey yapar, böylece mağazadaki bazı verileri önbelleğe alırız. Kullanıcı u1oturumu kapatır. Kullanıcı u2, tarayıcıyı yenilemeden uygulamaya giriş yapar. Bu noktada, …

455 javascript  redux  store  redux-store 

Redux kütüphanesinin belgelerini okuyordum ve bu örneği var: Durumu okumaya ek olarak, kap bileşenleri eylemler gönderebilir. Benzer bir şekilde, sen adlı bir işlev tanımlayabilirsiniz mapDispatchToProps()aldığı dispatch()yöntem ve sunumsal bileşene enjekte etmek istedikleri döner sahne geri çağırma. Bu aslında bir anlam ifade etmiyor. mapDispatchToPropsZaten sahip olduğunuzda neden ihtiyacınız var mapStateToProps? Ayrıca …

358 reactjs  redux  react-redux 

Aşağıdakilere sahip olduğumu söyle: export const SOME_ACTION = 'SOME_ACTION'; export function someAction() { return { type: SOME_ACTION, } } Ve bu eylem oluşturucuda, küresel mağaza durumuna (tüm redüktörler) erişmek istiyorum. Bunu yapmak daha mı iyi? import store from '../store'; export const SOME_ACTION = 'SOME_ACTION'; export function someAction() { return { …

296 javascript  redux 

Kapalı . Bu soru görüş temelli . Şu anda cevapları kabul etmiyor. Bu soruyu geliştirmek ister misiniz? Bu yayını düzenleyerek gerçekler ve alıntılarla yanıtlanabilmesi için soruyu güncelleyin . Geçen yıl kapalı . Bu soruyu geliştir Kısa bir süre önce Redux'u keşfettim . Her şey iyi görünüyor. Redux'u Flux üzerinde kullanmanın …

243 reactjs  redux  flux  reactjs-flux 

Bazı durumlarda bir onaylama iletişim kutusu göstermesi gereken bir uygulama oluşturuyorum. Diyelim ki bir şeyi kaldırmak istiyorum, o zaman deleteSomething(id)bazı redüktör o olayı yakalayacak ve göstermek için iletişim redüktörünü dolduracak gibi bir eylem göndereceğim . Şüphem bu diyalog gönderildiğinde gelir. Bu bileşen, gönderilen ilk eyleme göre uygun eylemi nasıl gönderebilir? …

240 javascript  modal-dialog  redux  react-redux 

React ile Redux öğreniyorum ve bu kod üzerine tökezledi. Redux'a özgü olup olmadığından emin değilim, ancak örneklerden birinde aşağıdaki kod snippet'ini gördüm. @connect((state) => { return { key: state.a.b }; }) İşlevselliği connectoldukça basit olsa da , daha @önce anlamıyorum connect. Yanılmıyorsam bile bir JavaScript operatörü değil. Birisi lütfen bunun …

226 javascript  reactjs  decorator  redux 

Not olarak: Redux (Baobab) için dokümanları okudum ve Google'ın ve testlerinin adil bir bölümünü yaptım. Neden bu kadar güçlü bir Redux uygulaması sadece bir mağaza var önerilmektedir? Birden fazla mağaza kurulumuna karşı tek mağaza kurulumunun artılarını / eksilerini anlıyorum ( Bu konuda SO üzerinde birçok soru-cevap var ). IMO, bu …

221 javascript  redux 

Tepki-redux bağlantı yöntemini ve parametre olarak aldığı işlevleri anlamaya çalışıyorum. Özellikle mapStateToProps(). Anladığım şekilde, dönüş değeri mapStateToProps, anahtarlar sahne olarak hedef bileşeninize (bileşen bağlantısı uygulanır) aktarılan durumdan (mağazada olduğu gibi) türetilmiş bir nesne olacaktır. Bu, hedef bileşeniniz tarafından tüketilen durumun, mağazanızda depolandığından durumdan çok farklı bir yapıya sahip olabileceği anlamına …

220 javascript  reactjs  redux  react-redux 

Tepki öğrenmek için biraz zaman geçirdikten sonra, bileşen yaratmanın iki ana paradigması arasındaki farkı anlıyorum. Sorum şudur, hangisini ve ne zaman kullanmalıyım? Birinin diğerinin yararları / değişimleri nelerdir? ES6 sınıfları: import React, { Component } from 'react'; export class MyComponent extends Component { render() { return ( <div></div> ); } …

212 javascript  reactjs  ecmascript-6  redux 

bir indirgeyicinin kendisinde bir eylem göndermek mümkün mü? Bir ilerleme çubuğu ve ses öğem var. Amaç, ses öğesinde saat güncellendiğinde ilerleme çubuğunu güncellemektir. Ancak ilerleme çubuğunu güncellemek için ontimeupdate olay işleyicisini nereye yerleştireceğinizi veya ontimeupdate geri çağrısında bir eylemin nasıl gönderileceğini bilmiyorum. İşte benim kod: //reducer const initialState = { …

197 reactjs  redux  reducers 

@connectbir tepki bileşeninde mağazaya erişmeye çalıştığımda harika çalışıyor. Ancak başka bir kod parçasında nasıl erişmeliyim. Örneğin: diyelim ki, uygulamamda global olarak kullanılabilecek axios örneğimi oluşturmak için bir yetkilendirme belirteci kullanmak istiyorum, bunu başarmanın en iyi yolu nedir? Bu benim api.js // tooling modules import axios from 'axios' // configuration const …

192 reactjs  redux  react-redux