Wordpress Gutenberg InnerBlock.Content 未保存或呈现

Question

我正在通过自定义插件在古腾堡创建一个自定义块。我的自定义块包含 InnerBlocks。编辑功能似乎工作正常，因为我可以将块添加到页面，并按预期在块内放置新的块元素。当我重新加载页面时出现问题。在我更新页面并重新加载编辑器后，所有的 InnerBlock 元素都消失了。它们不会被保存，也不会在前端呈现。除非我疯了，否则我的保存功能没有正确构建。任何帮助都会很棒。我精通 Wordpress 和 JS，但不熟悉 React 和 Gutenberg。谢谢你的帮助！

( function( blocks, element, editor ) {

    const el = element.createElement;

    const { registerBlockType } = blocks;

    const InnerBlocks = editor.InnerBlocks;

    registerBlockType( 'dab/nest', { 

        title: 'Disruptive Nest',

        icon: 'layout',

        category: 'disruptive-blocks', 

        keywords: [ 'base', 'build', 'custom' ], 

        edit: function( props ) {

            return (

                el( 'div', {className: props.className + ' dab-full'},

                    el( 'div', {className: 'dab-content'},

                        el( InnerBlocks )

                    )

                )

            );

        },

        save: function( props ) {

            return (

                el( 'div',

                    el( 'div',

                        el( InnerBlocks.Content, null )

                    )

                )

            );

        },

    });

})( window.wp.blocks, 

    window.wp.element, 

    window.wp.blockEditor

);