如何仅在登录成功时启用mui快餐栏？

Question

ReactJS我只想在登录成功时才显示material-ui快餐栏。 在ReactJS中如何做到这一点？

Answer 1

它很简单，如果你正在使用减少反应 打开的属性默认为false，您应该在您的缩减器LOG_IN_SUCCESS中为true，然后在成功登录后显示小吃店。

Answer 2

Material-ui Snackbar的open状态的状态为true或false，因此当登录成功时，它相对容易显示。

考虑您正在使用终极版存储登录状态

你可以不喜欢它

<Snackbar 
     open={this.props.loggedIn} 
     message="Event added to your calendar" 
     autoHideDuration={4000} 
     onRequestClose={this.handleRequestClose} 
    /> 

在您不使用终极版，并存储在cookie登录状态的情况下，

你可以加载它到一个状态

componentDidMount() { 
    var loggedIn = cookie.load('isLoggedIn'); 
    this.setState({loggedIn}); 
} 

<Snackbar 
     open={this.state.loggedIn} 
     message="Event added to your calendar" 
     autoHideDuration={4000} 
     onRequestClose={this.handleRequestClose} 
    />