如何僅在登錄成功時啓用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} 
    />