データを取得する正しい方法 - 反応

Question

ユーザーと場所は、各ユーザーが配置できる場所に2つの異なるデータベースとして用意されています。

私はBasicInfoコンポーネントを持っています。ユーザーの1箇所にロードする必要があります。私はハードコーディングしています今のところ、fetchPlacesにユーザーIDを渡す必要があり

componentWillMount() { 
    this.props.dispatch(fetchUser())   
    this.props.dispatch(fetchPlaces(1)) 
} 

BasicInfoの

ComponentWillMount、私はfetchUserの結果をどのように行うのですか？ componentWillReceiveProps(nextProps)でやりますか？それともそれ以外の方法がありますか？

componenetWillReceivePropsが理にかなっていますが、イベントの連鎖であればどうしたらいいでしょうか？他のデータを取得する必要がある場合は、場所IDに応じている可能性があります。

アクション：あなたは、サンクまたは約束ミドルウェアを使用することができます

export function fetchPlaces(user_id) { 
 
    return function(dispatch) { 
 
    axios.get("/getPlaces?user_id=" + user_id) 
 
     .then((response) => { 
 
      console.log(response); 
 
     dispatch({type: "FETCH_PLACES_FULFILLED", payload: response.data}) 
 
     }) 
 
     .catch((err) => { 
 
     dispatch({type: "FETCH_PLACES_REJECTED", payload: err}) 
 
     }) 
 
    } 
 
} 
 

 
export function fetchPlace(place_id) { 
 
    return function(dispatch) { 
 
    axios.get("/getPlace?place_id=" + place_id) 
 
     .then((response) => { 
 
      console.log(response); 
 
     dispatch({type: "FETCH_PLACES_FULFILLED", payload: response.data}) 
 
     }) 
 
     .catch((err) => { 
 
     dispatch({type: "FETCH_PLACES_REJECTED", payload: err}) 
 
     }) 
 
    } 
 
}

Answer 1

すでにredux-thunkが使用されているようですか？もしそうなら、あなたは（あなたのaxios.getから約束を返すことができます）を呼び出します：

：

return axios.get(...); 

...あなたは、この（私はあなたのfetchUserとuserがどのように見えるかを推測している）のような何かを行うことができます

this.props.dispatch(fetchUser()).then(user => this.props.dispatch(fetchPlaces(user.id))) 

Answer 2

。あなたは動機と例をdocumentationで見つけることができます。