时间戳

首页 > 解决方案 > Wordpress Gutenberg - 嵌套子元素

wordpress-gutenberg - Wordpress Gutenberg - 嵌套子元素

问题描述

我是 reactjs 的新手，所以我在尝试向古腾堡编辑器添加自定义块时遇到了一些困难。块本身正在显示，但给出错误“此块遇到错误，无法预览”。

这是我到目前为止的代码

edit: function() {
        var tb = element.createElement('input', { placeholder: 'Enter a url', type: 'text' },
            [element.createElement(
                'p',
                { style: blockStyle },
                'Child 1'
            )]
        );
        return tb;

    },

我试图让一个文本控件和一个标签像这样显示

<input type='text' name='mytb' />
<label for="mytb">My Label</label>

我究竟做错了什么？

提前致谢

标签： wordpress-gutenberg

解决方案

在您的代码中，您已将段落元素作为输入的后代，这是不可能的，因此您会收到错误消息。

它应该是：

 var tb = element.createElement('input', { placeholder: 'Enter a url', type: 'text' }),
          element.createElement( 'p', { style: blockStyle }, Child 1');
return tb;

推荐阅读