React/Redux

Question

ile API kullanmak için doğru yolu React içindeki bileşen yaşam döngüsü hakkında biraz kafam karışık. eylem, getTodo() sevk ve

componentDidMount() { 
     var _this = this; 
     axios.get('/api/todo').then(function(response) { 
     _this.props.actions.getTodo(response.data); 
     }).catch(function(err) { 
     console.log(err); 
     }); 
    } 

Ben bellek sızıntısı önlemek için componentWillUnmount() ne kullanabilirsiniz Tüm uygulamaya durumunu güncelleyerek ilk halini yükleyen bir bileşeni düşünün? Bunu yapmayı seçersem, bu yöntemle başka bir sayfadan sayfaya geri döndüğümde durumu nasıl güncelleyebilirim?

Ayrıca, sayfa için ihtiyaç duyduğum sahne dosyalarını durum olarak depolamak ve durumu güncellemek daha mı iyi? Bu yaklaşımla ilgili kaygımın, yalnızca uygulamanın tamamını ve aynı prosedüre ihtiyaç duyabilecek diğer bileşenlerin durumunu güncellememesi, ilk yaklaşımı kullanarak önlenebilecek aynı gereksiz süreçten geçmesi gerekmesi.

Answer 1

Bileşende api araması yapmaktan kaçınmalısınız. React daha fazla bir arayüz "hiçbir şey" sunuyor.

Bir eylem göndermelisiniz. Aslında bir eylem yaratıcısı kullanılabilir (redux-thunk veya redux-api-middleware). Durum uygulamanız, arayüzünüzde değil, redux mağazası tarafından tutulmalıdır. // redux:

Muhtemelen bunu