«react-redux» etiketlenmiş sorular

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 

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 

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 

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 

axios POSTisteği denetleyicideki url'ye vuruyor ancak POJO sınıfım için null değerleri ayarlıyorum, krom geliştirici araçlarına baktığımda yük veri içeriyor. Neyi yanlış yapıyorum? Axios POST Talebi: var body = { userName: 'Fred', userEmail: 'Flintstone@gmail.com' } axios({ method: 'post', url: '/addUser', data: body }) .then(function (response) { console.log(response); }) .catch(function (error) { …

204 reactjs  react-redux  axios  ajaxform  axios-cookiejar-support 

@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 

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 . 2 yıl önce kapalı . Bu soruyu geliştir React 16.3.0 yayınlandı ve Bağlam API'sı artık deneysel bir özellik değil. Dan Abramov (Redux'un …

189 javascript  reactjs  redux  react-redux  react-context 

arr[]Redüktör durumumdaki redüktör dizime nasıl eleman ekleyebilirim ? Bunu yapıyorum- import {ADD_ITEM} from '../Actions/UserActions' const initialUserState = { arr:[] } export default function userState(state = initialUserState, action) { console.log(arr); switch (action.type) { case ADD_ITEM: return { ...state, arr: state.arr.push([action.newItem]) } default: return state } }

140 react-native  redux  react-redux 

Redux, react-redux ve react ile küçük bir uygulama geliştiren bir javascript / redux / react acemisiyim. Bazı nedenlerden dolayı mapDispatchToProps işlevini connect (react-redux bağlama) ile birlikte kullanırken ortaya çıkan prop çalıştırmaya çalıştığımda gönderimin bir işlev olmadığını belirten bir TypeError alıyorum. Ancak dağıtımı bir destek olarak çağırdığımda (verilen kodda setAddr işlevine …

124 javascript  reactjs  redux  react-redux 

Bir saga işlevi içindeki redux durumuna nasıl erişebilirim? Kısa cevap: import { select } from 'redux-saga/effects'; ... let data = yield select(stateSelectorFunction);

123 javascript  reactjs  redux  react-redux  redux-saga 

React dünyasına yeni başlayan biri olarak, kullandığım zaman ne olduğunu {this.props.children}ve aynı şeyi kullanmam gereken durumları derinlemesine anlamak istiyorum . Aşağıdaki kod parçacığında bunun alaka düzeyi nedir? render() { if (this.props.appLoaded) { return ( <div> <Header appName={this.props.appName} currentUser={this.props.currentUser} /> {this.props.children} </div> ); } }

118 javascript  reactjs  react-redux  frontend 

Bunu görmek mapStateToPropsve mapDispatchToPropsgeçirilen fonksiyon connectRedux fonksiyonu almak ownPropsikinci bir argüman olarak. [mapStateToProps(state, [ownProps]): stateProps] (Function): [mapDispatchToProps(dispatch, [ownProps]): dispatchProps] (Object or Function): İsteğe bağlı [ownprops]argüman ne için? Redux belgelerinde zaten bir tane olduğu için işleri netleştirmek için ek bir örnek arıyorum.

97 redux  react-redux 

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