javascript 如何在自定义wordpress块中使用html?

xdnvmnnf  于 2022-12-17  发布在  Java
关注(0)|答案(1)|浏览(98)

我正在学习如何在我的wordpress主题中创建一个自定义块。
我正在学习的教程说要在函数的编辑和保存部分添加html,如下所示:

(() => {
  
  registerBlockType('testblock', {    
    edit: props => {
      
      return (

        <div class="test-block">
            
          <RichText
              tagName="h2"
              className="test-name"
              placeholder={__("Enter Name…")}
              value={name}
              onChange={onChangeName}
          />
          
        </div>

      );
      
    }
  });

})();

但这给予错误SyntaxError: expected expression, got '<'

sg2wtvxw

sg2wtvxw1#

以下是帮助您解决问题的一些步骤:
1.检查是否已导入所需的依赖关系:

import { RichText } from '@wordpress/block-editor';
import { __ } from '@wordpress/i18n';

1.在JavaScript中,class是一个关键字,因此在应用类时,请使用className,例如<div className="test-block">(这是一个非常常见的错误,会引发与您的问题相同的错误消息)。
1.是否定义了属性name
1.函数onChangeName是否存在?

相关问题