«redux» etiketlenmiş sorular

Redux'a göç edeceğim. Uygulamam birçok parçadan (sayfalar, bileşenler) oluşuyor, bu yüzden birçok redüktör oluşturmak istiyorum. Redux örnekleri combineReducers(), bir redüktör oluşturmak için kullanmam gerektiğini gösteriyor . Ayrıca anladığım kadarıyla Redux uygulamasının bir mağazası olmalı ve uygulama başladıktan sonra oluşturulur. Mağaza oluşturulurken kombine redüktörümü geçmeliyim. Uygulama çok büyük değilse bu mantıklıdır. …

189 javascript  flux  redux  code-splitting 

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 

React'te bir bileşenin yeniden işlemesine neden olan şeyi hatalarını ayıklamak için sistematik bir yaklaşım var mı? Kaç kez işlediğini görmek için basit bir console.log () koydum, ancak benim durumumda bileşenin birden çok kez, yani (4 kez) oluşturmasına neyin neden olduğunu bulmakta güçlük çekiyorum. Bir zaman çizelgesini ve / veya tüm …

181 reactjs  redux 

Eyalet ağacımın bazı kısımlarını localStorage'a devam ettirmek istiyorum. Bunun için uygun yer neresi? Düşürücü mü, eylem mi?

167 javascript  redux  local-storage  state 

Bu, Google Adsense uygulama sayfasından bir örnek. Yükleme ekranı ana sayfadan önce gösterildi. React ile aynı şeyi nasıl yapacağımı bilmiyorum çünkü React bileşeni tarafından oluşturulan yükleme ekranı yaparsam, daha önce işlenen DOM için beklemek zorunda olduğu için sayfa yüklenirken görüntülenmez. Güncellendi : Ekran yükleyiciyi yerleştirip index.htmlReact componentDidMount()yaşam döngüsü yönteminde kaldırarak …

150 reactjs  asynchronous  redux 

Redux kullanıyorum. Benim redüktörde böyle bir nesneden bir özelliği kaldırmaya çalışıyorum: const state = { a: '1', b: '2', c: { x: '42', y: '43' }, } Ve orijinal durumu değiştirmeden böyle bir şeye sahip olmak istiyorum: const newState = { a: '1', b: '2', c: { x: '42', }, …

145 javascript  immutability  redux 

Tam kodu burada: https://gist.github.com/js08/0ec3d70dfda76d7e9fb4 Selam, Oluşturma ortamı temelinde masaüstü ve mobil cihazlar için farklı şablonlar gösteren bir uygulamam var. Mobil şablonum için gezinme menüsünü gizlemem gereken yerde başarıyla geliştirebiliyorum. şu anda tüm değerleri prototiplerden aldığı ve doğru bir şekilde oluşturduğu bir test senaryosu yazabiliyorum ancak mobil olduğunda nav bileşenini oluşturmaması …

142 reactjs  mocha  redux 

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 

React redux'te bileşen ve konteyner arasındaki fark nedir?

135 javascript  reactjs  redux 

Bileşenlerimi bir sınıfın içine yazmak yerine, bunun yerine işlev sözdizimini kullanmak istiyorum. Nasıl geçersiz yok componentDidMount, componentWillMountişlev bileşenlerinin iç? Hatta mümkün mü? const grid = (props) => { console.log(props); let {skuRules} = props; const componentDidMount = () => { if(!props.fetched) { props.fetchRules(); } console.log('mount it!'); }; return( <Content title="Promotions" breadcrumbs={breadcrumbs} …

135 reactjs  redux 

Ben kullandım Redux-Saga . Onunla yazılmış kod şimdiye kadar mantıklı, ancak JS oluşturucu işlevi zaman zaman kafamı karıştırıyor. Anladığım kadarıyla Redux-Observable , yan etkileri ele alan benzer bir işi ancak jeneratör işlevini kullanmadan başarabilir. Bununla birlikte, Redux-Observable'dan gelen dokümanlar, Redux-Saga'ya karşı neden üstün olduğuna dair pek çok fikir sağlamıyor. Redux-Observable'ı …

133 javascript  redux  reactive-programming  redux-saga  redux-observable 

Bir api sunucusundan bir belirteç alan bir react / redux uygulamam var. Kullanıcı kimlik doğrulamasını yaptıktan sonra, tüm axios isteklerinin, eylemdeki her isteğe manuel olarak eklemek zorunda kalmadan bu belirteci bir Yetkilendirme başlığı olarak almasını istiyorum. Tepki verme / yeniden düzenleme konusunda oldukça yeniyim ve en iyi yaklaşımdan emin değilim …

131 reactjs  redux  axios 

Oluşturmak, Okumak, Güncellemek ve Silmek için kullanılan bir formum var. Aynı formda 3 bileşen oluşturdum ama onlara farklı sahne geçiyorum. CreateForm.js, ViewForm.js (silme düğmesiyle salt okunur) ve UpdateForm.js'yi aldım. PHP ile çalışıyordum, bu yüzden bunları her zaman tek bir biçimde yaptım. Mağazayı yönetmek için React ve Redux kullanıyorum. CreateForm bileşenindeyken, …

128 javascript  reactjs  crud  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