定制Gutenberg--阻止esNext传递变量

时间：2020-10-14 作者：roxxor

我正在尝试使用创建块@wordpress/create-block, 为此，您必须使用exnext。我目前对JS不是很好，还在学习。

到目前为止，它正在工作（该块显示在编辑器中）。

这些文件是使用单独的文件和导出功能创建的。

指数js带

import Edit from \'./edit\';

/**
* @see ./edit.js
*/
edit: Edit,

编辑。js带

export default function Edit({className, props}) {

    console.log(props);

    return (
        <div>
            <p>
                Text
            </p>
        </div>
    )

}

类名称在编辑功能中可用export default function Edit({className}) { ... }, 但我不能props 变量

1 个回复

最合适的回答,由SO网友:Sally CJ 整理而成

您的问题；“编辑”；文件是你的Edit() 其中的功能是unpacking/destructuring 因此，道具props 不再是定义的或您所期望的。

所以你应该这样做function Edit( props ) 而不是function Edit({className, props}) — 应该注意的是className 是在那个道具里，即。props.className.

function Edit( props ) {
  console.log( props.className, props );
}

// .. Or when unpacking the props object:

// Assuming your block got an attribute named myAttribute.
function Edit( { attributes, setAttributes, className } ) {
  console.log( className, attributes.myAttribute );
}

我希望这会有所帮助，如果您还没有这样做，我建议您查看块编辑器手册，例如"Edit and Save" section.

顺便说一句，你实际上没有import Edit from \'./edit\'; 在edit.js 文件，是吗？

标签： javascript block-editor 小码农

喜欢和不喜欢使用JavaScript的功能

我想添加Like & Dislike 我的自定义帖子类型中的功能，称为game.我在我的帖子页脚中放置了喜欢和不喜欢的图标链接。Desired Behaviour:当用户单击like图标时，我想检查他是否已经投了赞成票，如果没有，则在post meta内创建或更新post-like-count meta键，用户meta也是如此。Problem:问题是，当用户单击like按钮时，我必须在JavaScript中处理它，但我不知道如何调用set_post_meta($post->ID)

小码农CODE

定制Gutenberg--阻止esNext传递变量

相关推荐

喜欢和不喜欢使用JavaScript的功能