«redux» etiketlenmiş sorular

GET isteğini ikinci parametre olarak göndermeye çalışıyorum ancak url olarak çalışırken çalışmıyor. Bu çalışır, $ _GET ['naam'] testi döndürür: export function saveScore(naam, score) { return function (dispatch) { axios.get('http://****.nl/****/gebruikerOpslaan.php?naam=test') .then((response) => { dispatch({type: "SAVE_SCORE_SUCCESS", payload: response.data}) }) .catch((err) => { dispatch({type: "SAVE_SCORE_FAILURE", payload: err}) }) } }; Ama bunu denediğimde …

121 reactjs  react-native  redux  axios 

Birden çok dilde ve yerel ayarda bulunması gereken bir uygulama geliştiriyorum. Sorum tamamen teknik değil, daha çok mimari ve insanların bu sorunu çözmek için üretimde kullandıkları kalıplarla ilgili. Bunun için hiçbir "yemek kitabı" bulamadım, bu yüzden en sevdiğim soru / cevap web sitesine dönüyorum :) İşte gereksinimlerim (bunlar gerçekten "standarttır"): …

119 architecture  internationalization  reactjs  translation  redux 

Girişi mutasyona uğratmamam gerektiğini ve onu değiştirmek için nesneyi klonlamam gerektiğini biliyorum. Redux başlangıç ​​projesinde kullanılan kongreyi takip ediyordum ve kullanılan: ADD_ITEM: (state, action) => ({ ...state, items: [...state.items, action.payload.value], lastUpdated: action.payload.date }) bir öğe eklemek için - Öğeyi diziye eklemek için spread kullanımını alıyorum. silmek için kullandım: DELETE_ITEM: (state, …

117 javascript  reactjs  redux 

React Router'da yeniyim ve bir sayfayı yeniden yönlendirmenin pek çok yolu olduğunu öğrendim: Kullanma browserHistory.push("/path") import { browserHistory } from 'react-router'; //do something... browserHistory.push("/path"); Kullanma this.context.router.push("/path") class Foo extends React.Component { constructor(props, context) { super(props, context); //do something... } redirect() { this.context.router.push("/path") } } Foo.contextTypes = { router: React.PropTypes.object } …

115 reactjs  redux  react-router 

Redux'un Flux'ın daha iyi bir "uygulaması" olduğunu veya daha doğrusu bir şeyleri basitleştirmek için yeniden tasarlandığını (uygulama durumu yönetimi) söylediğini biliyorum. Reaktif programlama (RxJS) hakkında çok şey duydum, ancak henüz öğrenmek için dalmadım. Öyleyse sorum şu: Bu iki teknoloji arasında herhangi bir kesişme (ortak bir şey) var mı yoksa birbirlerini …

113 javascript  rxjs  redux 

this.setState()Redux kullanırken hiç kullanmalı mısınız? Yoksa her zaman eylemler göndermeli ve sahne donanımlarına güvenmeli misiniz?

111 reactjs  flux  redux 

React uygulamamı çalıştırmaya çalışırken aşağıdaki hatayı alıyorum: ./src/components/App/App.js Denenen içe aktarma hatası: "birleştirmeReducers" , "../../store/reducers/" adresinden dışa aktarılmaz. İşte nasıl dışa aktarıyorum combineReducers: import { combineReducers } from 'redux'; import userReducers from './userReducers'; import articleReducers from './articleReducers'; export default combineReducers({ userReducers, articleReducers }); ve işte bunu nasıl içe aktarıyorum App.js: …

110 reactjs  redux 

Kapalı . Bu soruya daha çok odaklanılması gerekiyor . Şu anda cevapları kabul etmiyor. Bu soruyu geliştirmek mi istiyorsunuz? Soruyu yalnızca bu gönderiyi düzenleyerek tek bir soruna odaklanacak şekilde güncelleyin . 3 yıl önce kapalı . Bu soruyu geliştirin React / Redux'te yeniyim. API'leri işlemek için Redux uygulamasında bir getirme …

107 javascript  reactjs  redux 

Durumun yeniden oluşturulmasının kullanıcı arabirimi sorunlarına neden olduğu ve bir sayfadaki yeniden oluşturma miktarını azaltmak için yalnızca indirgeyicimin içindeki belirli değeri güncellemem önerildiği bir sorunum var. bu benim durumumun örneği { name: "some name", subtitle: "some subtitle", contents: [ {title: "some title", text: "some text"}, {title: "some other title", text: …

107 javascript  reactjs  redux 

Bağladığım basit bir React bileşenim var (üzerinden basit bir dizi / durum eşleme). Mağazanın içeriğine referans vermekten kaçınmak için, doğrudan sahne donanımlarından "gönderim" almanın bir yolunu istiyorum. Başkalarının bu yaklaşımı kullandığını gördüm, ancak nedense buna erişimim yok :) Şu anda kullandığım her npm bağımlılığının sürümleri burada "react": "0.14.3", "react-redux": "^4.0.0", …

107 javascript  reactjs  redux 

Bunun basit bir soru olduğunun farkındayım ama cevabı başka yerde bulma şansım olmadı. store.dispatchEşzamanlı mı yoksa eşzamansız Reduxmı? Eşzamansız olması durumunda, eylem mümkün olduğu şekilde yayıldıktan sonra bir geri arama ekleme olasılığı var Reactmı?

106 javascript  reactjs  redux  single-page-application 

Oluşturduğum bir bileşenim var: class Create extends Component { constructor(props) { super(props); } render() { var playlistDOM = this.renderPlaylists(this.props.playlists); return ( <div> {playlistDOM} </div> ) } activatePlaylist(playlistId) { debugger; } renderPlaylists(playlists) { return playlists.map(playlist => { return <div key={playlist.playlist_id} onClick={this.activatePlaylist(playlist.playlist_id)}>{playlist.playlist_name}</div> }); } } function mapStateToProps(state) { return { playlists: state.playlists …

106 javascript  reactjs  redux 

Redux projem için diziler yerine nesnelerle çalışacak bir derin kopya haritası yöntemi oluşturmaya çalışıyorum. Redux'te her durumun önceki durumlarda hiçbir şeyi değiştirmemesi gerektiğini okudum. export const mapCopy = (object, callback) => { return Object.keys(object).reduce(function (output, key) { output[key] = callback.call(this, {...object[key]}); return output; }, {}); } İşe yarıyor: return mapCopy(state, …

106 javascript  ecmascript-6  redux  spread-syntax 

Müşteriler için bir redüktörüm var, bir tane de AppToolbar için ve diğerleri ... Şimdi, istemciyi silmek için bir getirme eylemi oluşturduğumu ve başarısız olursa İstemciler indirgeyicisinde bazı şeyler yapması gereken bir kodum olduğunu ve ayrıca AppToolbar'da bazı genel hatalar görüntülemek istediğimi varsayalım. Ancak İstemciler ve AppToolbar redüktörleri devletin aynı bölümünü …

105 javascript  reactjs  redux 

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