信息提示
在许多情况下需要显示提示信息,例如请求服务器出错,显示成功提示。
ReactGO 的提示全部采用 enqueueSnackbar()
这个函数,默认是在窗口顶部中间弹出一个消息窗口,
可以显示 4 种颜色:红、绿、蓝、黄,分别代表 错误、成功、信息、警告。
下面是用法:
import { useSnackbar } from 'notistack';
...
const { enqueueSnackbar } = useSnackbar();
enqueueSnackbar('错误信息');
enqueueSnackbar('成功信息', { variant: 'success' });
enqueueSnackbar('警告信息', { variant: 'warning' });
enqueueSnackbar('信息', { variant: 'info' });
默认不带 variant
显示的是错误信息。
你可以查阅 notistack
模块的文档解锁更多的用法。