Блог

Я создаю блок с компонентом InnerBlocks. Если содержимое не добавлено во внутренние блоки (и даже с содержимым на самом деле), очень трудно всплывать на панели инструментов блоков .Я хотел бы добавить кнопку с иконкой в верхнем углу, которая покажет плавающую панель инструментов блоков. Как я могу указать, чтобы панель инструментов. block-editor-block-contextual-отображалась? Я не вижу в инспекторе никакого метода .wp-блока, который бы это делал, и документации по элементам управления блоками: Панели инструментов блоков и боковой панели настроек https://developer.wordpress.организация/редактор блоков/инструкции/учебник по блокам/элементы управления блоками-панель инструментов и боковая панель/ довольно просты, Большое спасибо

Вы можете использовать useSelect() , чтобы определить, присутствуют ли в компоненте какие-либо блоки InnerBlocks :

 import { useSelect } from '@wordpress/data';

const hasInnerBlocks = useSelect((select) => (
    select('core/block-editor').getBlock(clientId).innerBlocks.length > 0
), [clientId]);
 

Затем вы можете использовать hasInnerBlocks для условного отображения всего, что вы хотите, в edit функции:

 { !!hasInnerBlocks amp;amp; (
    <BlockControls group="block">
        <ToolbarGroup
            // Toolbar group settings here
        />
    </BlockControls>

) }