Wordpress gutenberg 如何访问古腾堡内部块的值？

我正在尝试为古腾堡建造一个自定义块。它是一个旋转木马，使用子块（图像）。我试图找到一种方法，找出有多少图像块是在块内创建的，这样我就可以相应地为旋转木马创建幻灯片

为了做到这一点，我考虑从每个图像块获取图像url并将其存储在一个数组中，这样我就可以通过数组映射来创建每个幻灯片，但我不知道如何从子块访问url值

有什么想法吗？

你可以阅读网站上的（非常小的）文档。您应该使用

with dispatch

高阶组件为组件（块）提供操作

withDispatch( ( dispatch, ownProps, registry ) => {

  return {
    updateEditable( isEditing ) {
      const { clientId, setAttributes } = ownProps;
      const { getBlockOrder, getBlock } = registry.select( 'core/block-editor' );

      //get all innerBlockIds
      const innerBlockIds = getBlockOrder( clientId );
      innerBlockIds.forEach( ( innerBlockId ) => {
        console.log( getBlock( innerBlockId ) );
      } );
    },
  };
} )

要使用WordPress数据模块向客户端提供有关编辑器或块的数据，还可以使用

wp.data

-模块。例如，在Gutenberg editor的后端视图中，您可以转到浏览器控制台并键入

wp.data.select（'core/block editor'）.getBlock（）

，以测试函数的功能

您还可以查看Gutenberg GitHub存储库

您可以在上阅读（非常小的）文档。您应该使用

with dispatch

高阶组件为组件（块）提供操作

withDispatch( ( dispatch, ownProps, registry ) => {

  return {
    updateEditable( isEditing ) {
      const { clientId, setAttributes } = ownProps;
      const { getBlockOrder, getBlock } = registry.select( 'core/block-editor' );

      //get all innerBlockIds
      const innerBlockIds = getBlockOrder( clientId );
      innerBlockIds.forEach( ( innerBlockId ) => {
        console.log( getBlock( innerBlockId ) );
      } );
    },
  };
} )

要使用WordPress数据模块向客户端提供有关编辑器或块的数据，还可以使用

wp.data

-模块。例如，在Gutenberg editor的后端视图中，您可以转到浏览器控制台并键入

wp.data.select（'core/block editor'）.getBlock（）

，以测试函数的功能

您还可以查看Gutenberg GitHub存储库