0

所以我一直在尝试基于根/圣人设置将反应组件嵌入到现有的 wordpress 项目中。

一直在互联网上搜索有关如何执行此操作的指南，但我找不到任何方法来执行此操作。

当我阅读 wordpress 指南时，它看起来应该很简单，并且react 和 react-dom应该在 wp.element 中可用。 https://developer.wordpress.org/block-editor/packages/packages-element/

在 wp.element 全局对象上，您会发现以下内容，大致按照您在代码中遇到它的可能性排序：

<div id="greeting"></div>
<script>
function Greeting( props ) {
    return wp.element.createElement( 'span', null, 
        'Hello ' + props.toWhom + '!'
    );
}
 
wp.element.render(
    wp.element.createElement( Greeting, { toWhom: 'World' } ),
    document.getElementById( 'greeting' )
);
</script>

所以我一直试图开始工作的只是从一个反应组件打印一个基本的hello world。但是我没有比wp.element未定义更进一步。

我不知道如何让这个工作。有人有这样做的经验吗？

4

1 回答 1

0

您需要将反应脚本排入队列，就像这样

            wp_register_script(
                'react',
                get_template_directory_uri() . '/build/index.js',
                ['wp-element'],
                '0.01'
            );
            wp_enqueue_script('react');

然后在index.js你将可以访问wp.element

于 2020-07-21T09:14:44.087 回答