让代码更简单

在WordPress的Gutenberg编辑器中弹出通知方法

重要:本文最后更新于2023-05-18 21:38:50,某些文章具有时效性,若有错误或已失效,请在下方留言或联系代码狗

由于插件源码没了,准备重写,记录下用到的知识,如果要在WordPressGutenberg编辑器中弹出通知,需要从 @wordpress/data 中导入 useDispatch 钩子,并使用 core/notices 存储。

首先引用

复制
import { useDispatch } from '@wordpress/data';

然后在你需要使用的组件内部,声明通知对象。

复制
// 在 Edit 组件内部
const { createErrorNotice } = useDispatch('core/notices');

下面是两种通知方式

复制
createErrorNotice ({
	status: 'error',
	content: result.msg,
	type: 'snackbar',
});

createErrorNotice( __( result.msg ), {
	type: 'snackbar',
	explicitDismiss: true,
} )

效果如下图

在WordPress的Gutenberg编辑器中弹出通知方法

这里使用的错误通知,你也可以使用success,通知将变成绿色。

感觉很棒!可以赞赏支持我哟~

1 打赏

评论 (0)

登录后评论
QQ咨询 邮件咨询 狗哥推荐