调整react-hot-toast依赖下的toast消息提示的位置,默认提示在屏幕上面,如何修改显示在屏幕中间?
时间: 2024-03-12 09:46:57 浏览: 231
要修改 `react-hot-toast` 的提示位置,可以使用 `toast` 函数的 `position` 参数。`position` 参数的默认值为 `top-center`。要将提示消息放置在屏幕中央,只需将 `position` 参数设置为 `top-center` 即可。
例如,下面的代码将显示一个居中的提示消息:
```
import { toast } from 'react-hot-toast';
toast.success('Message', {
position: 'top-center',
});
```
这将在屏幕的中央显示一个成功的消息。你可以根据需要使用其他 `position` 值,例如 `bottom-right` 或 `top-left`。
阅读全文