javascript - redux-状态发生变化但组件不显示重新渲染的 View

Question

inProgress 默认为 false，因此显示等于 else 语句中的值。状态更改后，我在控制台日志中看到 if 语句(“DISPLAY = CONFIRM”)，因此显示 = 但 View 不会更改。怎么了？

class Registration extends Component {

render(){
    let display;
    if(this.props.inProgress){
        console.log("DISPLAY = CONFIRM");
        display = <RegistrationConfirmFormContainer />;
    }else {
        console.log("DISPLAY = REGISTER FORM");
        display = <RegistrationFormContainer />;
    }

    return(
        <div>
            {display}
        </div>
    )
}
}

function mapStateToProps(state){
return{
    inProgress: state.ReducerRegistrationPanel.inProgress
}
}

export default connect(mapStateToProps)(Registration)

Answer 1

我会尝试用三元语句来做到这一点:

render(){
    return this.props.inProgress ? <RegistrationConfirmFormContainer /> : <RegistrationFormContainer /> 
}

这样就不需要用div包裹它了，而且看起来更好。