当状态具有相同值时，mapStateToProps 被调用但不调用 componentWillRecieveProps

Question

我有以下减速器：

export default function UserReducer(state = initialState, action){
let nextState;
switch(action.type){
    case USER_RECOVERY_CODE_VALIDATED:
    nextState = {
        ...state,
        recoverycodevalidated : action.payload.recoverycodevalidated
    }
    return nextState;
default:
     return state;
 }
}

我的组件就是这样连接到商店的：

function mapStateToProps(state) {
    console.log("updated");
    return { recoverycodevalidated: state.user.recoverycodevalidated };
 }

export default connect(mapStateToProps)(ResetPasswordCodeScreen)

当道具由于 mapStateToProps 功能而改变时，我将用户重定向到下一个屏幕：

 async componentWillReceiveProps(newProps){
    console.log("updated props");
    if(newProps.recoverycodevalidated){
        this.props.navigation.navigate("ResetPasswordFinal", { userId: this.props.navigation.state.params.userId});
    }
}

问题是当第一次更新状态并且props中设置了recoverycodevalidated的值，第二次如果变量的值是同样，道具不会更新，因为 componentWillRecieveProps 方法没有被触发，即使 mapStateToProps 每次都会被触发.我做错了什么？

Answer 1

尝试改用 componentDidUpdate

componentDidUpdate(prevProps) { 
     console.log("updated props");
     if (prevProps.recoverycodevalidated) {
        this.props.navigation.navigate("ResetPasswordFinal", { userId: 
        this.props.navigation.state.params.userId});
     }
}