React,JS,TS

React notistackt

재준재준 2020. 12. 27. 23:34

www.npmjs.com/package/notistack

 

notistack

Highly customizable notification snackbars (toasts) that can be stacked on top of each other

www.npmjs.com

$ npm install @material-ui/core
$ npm install notistack

app.js

<SnackbarProvider/> 로 App.js를 감싸줘야함

 

maxSnack={3} 최대알람

anchorOrigin={{
            vertical="top",
            horizontal="center",
        }} //알람위치의 속성

 

ex)

import
hook

 

회원가입이 된 경우 variant:"success" 알람 else "error" 에러