如何在 WordPress 中使用简单的自定义古腾堡块获取唯一 ID？

Question

我正在尝试为每个自定义古腾堡块获取唯一的 ID。我找到了useInstanceId。可以使用这种语法吗？

registerBlockType('custom/block', {
    title: 'Custom',
    
    edit() {
        return (<p>{unqiue-block-id}</p>)
    },
    save() {
        return (<p>{unqiue-block-id}</p>)
    },
});

Answer 1

您可以使用props 中的clientId 解决此问题。不幸的是，它只存在于编辑功能的道具中。因此，您需要将 clientId 作为额外属性提供。 我自己在完成 useInstanceId 的过程中遇到了太多困难，因为如果我理解正确的话，你需要使用 HigherComponent 来完成它。所以我选择了clientId 解决方案。

最初的想法来自here

这是使用clientId 完成代码的样子。

registerBlockType('custom/block', {
    title: 'Custom',

    attributes: {
        yourId: {
            type: 'string',
        }
    },

    edit: props => {
        const {
            attributes: {
                yourId,
            },
            clientId,
            setAttributes,
        } = props;

        setAttributes({ yourId: clientId });

        return (
            <p>{yourId}</p>
        );
    },

    save: props => {
        const {
            attributes: {
                yourId,
            },
        } = props;

        return (
            <p>{yourId}</p>
        );
    },
});