mapDispatchToPropsは初期化アクションをディスパッチする必要がありますか？

Question

与えられたURLのユーザーデータを表示する、ステートレスで機能的なUserProfileコンポーネントを考えてみましょう。 connect(mapStateToProps, mapDispatchToProps)(UserProfile)でラップされているとします。最後に、state.userProfileに縮小する減速器を考えてみましょう。いつでもURLの変更は、私はそう思い浮かぶのソリューションはそうのようなmapDispatchToProps内からそうすることで、再初期化state.userProfile行う必要があります。

サンクfetchUserは、と比較することで繰り返し呼び出しを無視することを提供

function mapDispatchToProps(dispatch, ownProps) { 
    dispatch(fetchUser(ownProps.userId)) 
    return { 
    ... 
    } 
} 

現状では、これは容認できる慣行ですか？または、このマップ関数からすぐにディスパッチを呼び出すことに関連する問題はありますか？

Answer 1

これはサポートされていないため、いつでも破損する可能性があります。
mapDispatchToProps自体に副作用があってはいけません。

変更を支えるために応答してアクションをディスパッチする必要がある場合は、コンポーネントクラスを作成し、このためのライフサイクル・メソッドを使用することができます。

class UserProfile extends Component { 
    componentDidMount() { 
    this.props.fetchUser(this.props.id) 
    } 

    componentDidUpdate(prevProps) { 
    if (prevProps.id !== this.props.id) { 
     this.props.fetchUser(this.props.id) 
    } 
    } 

    // ... 

}