Skip to main content

信息提示

在许多情况下需要显示提示信息,例如请求服务器出错,显示成功提示。

ReactGO 的提示全部采用 enqueueSnackbar() 这个函数,默认是在窗口顶部中间弹出一个消息窗口, 可以显示 4 种颜色:红、绿、蓝、黄,分别代表 错误、成功、信息、警告。

下面是用法:

import { useSnackbar } from 'notistack';

...

const { enqueueSnackbar } = useSnackbar();

enqueueSnackbar('错误信息');
enqueueSnackbar('成功信息', { variant: 'success' });
enqueueSnackbar('警告信息', { variant: 'warning' });
enqueueSnackbar('信息', { variant: 'info' });

默认不带 variant 显示的是错误信息。

你可以查阅 notistack 模块的文档解锁更多的用法。