yol param değişikliklerini @connect

Question

kullanarak nasıl ele alacağımı nasıl kullanacağım /roles/:id gibi bir şeyle eşleşen ve sağdaki bölüme (aşağıya bakın) bir yol gösteren bir Rotam var. @connect kullanıyorum, bazı sahne ve eylemlerimi bileşenime aktarıyorum ve bu eylemlerden biri, componentWillMount kancasında id yol param alanına dayalı bazı verileri getiriyor.

Sorun şu ki, bir kullanıcı sağ listeden farklı bir örneği tıklattığında, bu nedenle rotayı değiştirirken (ancak bileşeni değil/bileşeni takarken!) Emin olmak için temiz bir yol düşünemiyorum. eylem tekrar kovuldu.

ben componentWillReceiveProps içine çengel düşündük, ama belli ki o sonsuz render döngü yaratacaktır. Burada bir şey mi eksik?

Answer 1

o veriyi almak için

1- kullanımı dekoratör deseni yapmak için 2 yöntem, loading=true olmalıdır Bu

export function fetchFoo(id) { 
return dispatch => { 
    dispatch({type:'LOADING'}); 
    fetch(`/book/${id}`, (response) => { 
    if(response.status == 200){ 
     dispatch({type:'SUCCESS'}); 
    }else { 
     dispatch({type:'FAIL'}); 
    } 
    }) 
} 
} 

ilk durumuna gibi redux-async-connect

2- kullanımı redux-thunk, isLoaded=true

vardır

LOADING redüktördedeğerini ayarlamalısınız sizin devlet içindeve sahip olmayacak bu şekilde tetik fetchFoo eylem önce loading bayrağı kontrol sonsuz istekleri

componentWillReceiveProps:(nextProps){ 
    if(!nextProps.loading && !nextProps.isLoaded){ 
    fetchFoo(params); 
    } 
} 

i Neden componentWillReceiveProps` oluşturmak `içine çengel olur