如何在古腾堡制作重复组件/积木

时间:2019-01-02 作者:Paranoid Android

I want to create a custom Gutenberg block with these features below

<具有重复子组件的父容器

示例:带有标题的图像滑块,父块内有多个类似“卡片”的块。

1 个回复
SO网友:Lyle Bennett

我认为最好的方法是创建两个具有父->子关系的块。

子块将是仅在其父块中可用的嵌套块。请注意下面定义的父级。

registerBlockType( \'prefix/childblock\', {
title: __( \'Inner Child Block\' ), 
parent: [\'prefix/parentblock\'],

  attributes:{ ...//the rest of your block code continues
然后在父块中有innerblocks,可以在其中多次添加子块。

edit: props => {
    const { className } = props;
    return [
        <div className={className}>
            <InnerBlocks
                allowedBlocks={[\'prefix/childblock\']}
            />
        </div>
    ];
},

Here\'s a good post about how to do this in more depth

相关推荐