Redux。從容器組件描述表示組件的生命週期方法

Question

目前我有兩個組件（一個容器組件和一個演示文件）。我有一些邏輯應該在componentDidMount和componentWillReceiveProps生命週期方法中實施，特別是我必須在那裏發送一些操作。

現在，我映射那些行動的創作者在mapDispatchToLinkProps功能，並傳遞給我的表象組件的props用connect功能，事後，我給他們打電話componentDidMount和componentWillReceiveProps方法。這裏是如何，我實現它：

容器組件：

const mapDispatchToLinkProps = (dispatch, ownProps) => { 
    return { 
    onMount:() => { 
     dispatch(loadRooms(ownProps.floor)) 
    }, 
    onPropsReception: (nextProps, currentProps) => { 
     if (nextProps.floor != currentProps.floor) { 
     dispatch(loadRooms(nextProps.floor)) 
     } 
    } 
    } 
} 

表象成分：

export default connect(mapStateToProps, mapDispatchToLinkProps)(MapLayer): 

componentDidMount() { 
    this.props.onMount() 
} 

componentWillReceiveProps(nextProps) { 
    this.props.onPropsReception(nextProps, this.props) 
} 

render() { 
// ... 
} 

，我不喜歡這裏的事情，是我以這種方式丟失上下文，我必須通過this.props作爲第二個參數onPropsReception方法：

this.props.onPropsReception(nextProps, this.props) 

有沒有一種方法可以從容器組件描述表示組件的生命週期方法，但是保持表示組件的上下文？或者甚至更好，覆蓋生命週期方法而無需在表示組件中調用？

Answer 1

對不起，我不能添加評論還，

爲什麼不這樣做你的表象成分&必要的檢查只是做一個電話後用正確的PARAMS？

例如：

componentWillReceiveProps(nextProps) { 
    if (this.props.floor != nextProps.floor) { 
    this.props.loadRooms(nextProps.floor); 
    } 
} 

的ContainerComponent：

const mapDispatchToLinkProps = (dispatch, ownProps) => { 
    return { 
    onMount:() => { 
     dispatch(loadRooms(ownProps.floor)) 
    }, 
    loadRooms: (floor) => { 
     dispatch(loadRooms(floor)); 
    } 
    } 
} 

什麼你問是可行的有一些黑客，但它違背了反應&終極版理念。