當新增資訊成功或網路發生錯誤時,通常會有短暫的消息在下方提示
那麼Snackbar(消息條) 就可以很好的利用
<Button onClick={handleClick}>Open simple snackbar</Button>
<Snackbar
open={open}
autoHideDuration={6000}
onClose={handleClose}
message="Note archived"
action={action}
/>
並且可以用各個程度的顏色來表示要緊性
error
warning
info
success
使使用者可以明白目前的使用狀況