Reactjs 有没有办法在WordPress Gutenberg编辑器中添加新选项卡

我是古腾堡的新手，我需要在设置部分添加一个新选项卡。请查看此屏幕截图

我为古腾堡创造了一些积木，但没有这方面的经验。我试过这个密码

import { TabPanel } from '@wordpress/components';

    const onSelect = ( tabName ) => {
        console.log( 'Selecting tab', tabName );
    };

    const MyTabPanel = () => (
        <TabPanel className="my-tab-panel"
            activeClass="active-tab"
            onSelect={ onSelect }
            tabs={ [
                {
                    name: 'tab1',
                    title: 'Tab 1',
                    className: 'tab-one',
                },
                {
                    name: 'tab2',
                    title: 'Tab 2',
                    className: 'tab-two',
                },
            ] }>
            {
                ( tab ) => <p>{ tab.title }</p>
            }
        </TabPanel>
    );

从'@wordpress/components'导入{TabPanel}；
const onSelect=（tabName）=>{
console.log（'Selecting tab'，tabName）；
};
常量MyTabPanel=（）=>(
{
（tab）=>{tab.title}

}
);

但是没有帮助我。这里有人请帮帮我。

---

提前感谢

在您提供的屏幕截图中，您试图添加选项卡的位置是设置标题 （）在Gutenberg API中目前没有可扩展的插槽（尽管这可能会实现，但最好不要干扰核心UI）

添加到管理UI的首选方法是使用为自定义内容提供的方法，目前有：

• 插件锁设置菜单项
• 插件文档设置面板
• PluginMoreMenuItem
• PluginPostPublishPanel
• PluginPostStatusInfo
• 插板
• 插件插件
• PlugInsideBarmoreNuItem

用于添加特定于插件/块目的的自定义内容。要考虑的要点是，您希望添加的内容是否仅适用于您的块、帖子/页面作为一个整体，或者是与插件相关的其他“全局”设置。

如果您的内容适用于整个文章/页面，则可能是添加到的好位置。您还可以在“文档”选项卡下面添加自己的文档

如果内容是特定于块的，则可以使用在“块”选项卡下添加自定义控件，该选项卡在选择块时上下文显示。对于块特定的元字段值或与块相关的颜色/显示选项的自定义控件，这也是一个很好的位置

官方WordPress Gutenberg文档中还有一个教程，介绍了在块中添加自己设置的一些常见场景