Javascript 在ReactJS中，如何仅在登录成功时启用mui snackbar？

在ReactJS中，我只想在登录成功时显示material ui snackbar。

---

在ReactJS中有什么方法可以做到这一点？

材质ui Snackbar的

打开状态为true或false，因此在登录成功时相对容易显示

考虑到您正在使用Redux存储登录状态

你可以这样做

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



如果您没有使用Redux并将登录状态存储在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}
    />

componentDidMount（）{
var loggedIn=cookie.load（'isLoggedIn'）；
this.setState（{loggedIn}）；
}
材质ui Snackbar的
打开状态为true或false，因此在登录成功时相对容易显示

考虑到您正在使用Redux存储登录状态

你可以这样做

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



如果您没有使用Redux并将登录状态存储在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}
    />

componentDidMount（）{
var loggedIn=cookie.load（'isLoggedIn'）；
this.setState（{loggedIn}）；
}
如果您在react中使用redux，这很简单
open属性默认为false。您应该在登录成功后将其设置为true，然后在成功登录后将显示快餐店。
如果您在react中使用redux，这很简单
open属性默认为false，您应该在登录成功后将其设置为true，然后在成功登录后将显示快餐店。
您使用的是Redux吗？是的，我使用的是Redux吗？是的，我使用的是Redux