Reactjs 我的嵌套元素正在抛出错误。我做错了什么？

以下块在Gutenberg的块编辑器中正确渲染

registerBlockType('mytheme/rima-preface', {

    title: 'Custom block',
    description: 'My first block',
    category: 'layout',

    edit() {
        var blockProps = useBlockProps();

        return el("div", {
                class: "section"
            }, el("div", {
                class: "container"
            }, el("div", {
                    class: "row align-items-center col-spacing-50"
                }, el("div", {
                    class: "col-12 col-md-6"
                }, el("div", {
                    ...blockProps
                }, el(InnerBlocks)))
            )))
    },

    save() {
        var blockProps = useBlockProps.save();

        return el("div", {
                class: "section"
            }, el("div", {
                class: "container"
            }, el("div", {
                    class: "row align-items-center col-spacing-50"
                }, el("div", {
                    class: "col-12 col-md-6"
                }, el("div", {
                    ...blockProps
                }, el(InnerBlocks.Content)))
            )))
    }
});

但是，编辑并保存后，页面重新加载时会显示以下错误：

Block validation: Expected attribute `class` of value `wp-block-mytheme-rima-preface`, saw `section`.

Block validation: Block validation failed for `mytheme/rima-preface` ({name: "mytheme/rima-preface", icon: {…}, keywords: Array(0), attributes: {…}, providesContext: {…}, …}).

Content generated by `save` function:

<div class="section" class="wp-block-mytheme-rima-preface"><div class="container"><div class="row align-items-center col-spacing-50"><div class="col-12 col-md-6"><div class="wp-block-mytheme-rima-preface"></div></div></div></div></div>

Content retrieved from post body:

<div class="section" class="wp-block-mytheme-rima-preface"><div class="container"><div class="row align-items-center col-spacing-50"><div class="col-12 col-md-6"><div class="wp-block-mytheme-rima-preface">

</div></div></div></div></div>

Block validation:值为'wp Block mytheme rima preference'的预期属性'class'，见'section'。
块验证：“mytheme/rima前言”的块验证失败（{name:“mytheme/rima前言”，图标：{…}，关键字：数组（0），属性：{…}，ProvideContext:{…}，}）。
“保存”功能生成的内容：
从帖子正文检索到的内容：

---

我已经试着解决这个问题30分钟了，有人能给我指出正确的方向吗？

当然，因为它试图告诉你你有2个类属性，它调用第一个属性，他希望它是一个特定的属性class@TalOrlanczyk哪个对象有两个类属性？正如你所看到的，你有两个类，代码想要得到第二个，试着删除这个类，看看它是否能工作fine@TalOrlanczyk啊。。我明白了，谢谢你！所以第一个“div”元素永远不应该有类属性，对吗？不，它可以有一个类名，但问题是你传递了2个属性类，而不仅仅是一个属性类。代码查找这个类“wp block myteme rima preference”，取而代之的是class=“section”class=“wp block myteme rima preference”他搜索第二个类，所以尝试删除这个类，这样他就可以识别Ginzie是自己的类