0

fossを使用して Gutenberg ブロックに取り組んでいcreate-guten-blockます。PHP ファイルで記述された関数から出力を取得しようとしているError loading block: No route was found matching the URL and request methodときに、Gutenberg エディターのブロックにエラーが表示されます。

の次のコードを検討してくださいplugin.php

function test_me_render_serverside_handler($args) {
    return "<p>testCategory: " . $args["testCategory"] . "</p>";
}

function test_me_register_block_type() {
    register_block_type(
        'test-me/test-to-block', array(
            'render_callback' => 'test_me_render_serberside_handler',
            'attributes' => array(
                'testCategory' => array(),
            ),
        )
    );
}

add_action( 'init', 'test_me_register_block_type' );

block.js ファイルの反応コードは次のとおりです。

attributes: {
    adCategory: { // Required
        type: 'integer',
    },
},

edit: ( props ) => {
    const { className, setAttributes, attributes } = props;
    const { adCategory } = attributes;

    return (
        <div className={ className }>
        {
            createElement( ServerSideRender, {
                block: 'test-me/test-to-block',
                attributes: attributes,
            } )
        }
        </div>
    );
},

グーテンベルク エディタでブロックを作成しようとすると、エラーtest-me/test-to-blockが見つかりました。wp-json/wp/v2/block-renderer/test-me/test-to-block

このブロックの残りの API ルーティングを有効にするために何か不足していますか?

4

1 に答える 1